Spring Boot Tutorial | Spring Boot Full Stack with React.js | Full Course | 2021
n this course you will learn how to upload and download files (images) for a react front end application. You will implement everything from scratch using Spring Boot for the backend and Amazon S3 to store files (images). For the front end you will use react and hooks.
This is course will allow you store any files that you can think of, a common feature that most applications have. Whether its a web app or mobile app, what you will build will allow any client to upload files.
LINKS FOR THIS COURSE
?Github Repository - https://github.com/amigoscode/spring-s3-react-file-upload
?Join Closed Facebook Group for discussion and early access videos and courses | http://bit.ly/2FbuIkx
?IntelliJ - https://www.jetbrains.com/idea/
?https://code.visualstudio.com/
?https://nodejs.org/en/
?https://github.com/facebook/create-react-app
?https://github.com/react-dropzone/react-dropzone
?https://www.pexels.com/
TABLE OF CONTENTS
00:00 - Intro
02:01 - Spring Initializr
03:43 - IntelliJ and AWS SDK
06:31 - AWS Credentials
09:25 - Amazon S3 Client
11:33 - Creating S3 Bucket
18:26 - Saving files to S3 Bucket Implementation
25:34 - User Profile Model
30:23 - Create in-memory Database
34:32 - API & Service Layer Implementation
41:44 - Upload Image API
46:20 - Check list to upload images (logic)
49:03 - Facebook Create React App
53:35 - React Components and Axios
1:04:49 - Rendering User Profile
1:09:21 - React Dropzone
1:15:49 - Pexels
1:18:31 - UI Logic to send files to backend
1:25:23 - Increate servlet max file size
1:29:36 - Exercise
1:31:04 - Lets implement uploadUserProfileImage()
1:44:42 - Lets test things
1:53:40 - Set user profile image link
1:50:01 - Lets implement downloadImages()
2:08:24 - Implement download images on frontend
2:13:15 - Final touches
2:18:37 - Lets wrap it up
Few more things
▶️ Don't forget to subscribe | http://bit.ly/2HpF5V8
▶️ Join Closed Facebook Group for discussion and early access videos and courses | http://bit.ly/2FbuIkx
▶️ Follow me on Instagram | http://bit.ly/2TSkA9w
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Spring Boot Tutorial | Spring Boot Full Stack with React.js | Full Course | 2021», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.