Spring Boot Full Stack Project | React JS + Spring Boot CRUD Full Stack Web Application

preview_player
Показать описание
In this course, we will learn how to build a complete full-stack web application using Spring boot as backend and React (React Hooks) as frontend. We will use MySQL database to store and retrieve the data.

#react #springboot #fullstackdevelopment

Course Content:
00:00 - Chapter 0: Course Overview
01:56 - Chapter 1: Project Overview and Full-Stack Architecture
06:35 - Chapter 2: Creating Spring Boot Project and Configure MySQL
16:55 - Chapter 3: Creating JPA Entity, JPA Repository, and Exception
26:10 - Chapter 4: Building Get All Employee REST API
32:10 - Chapter 5: Creating React Application
40:47 - Chapter 6: Add Bootstrap 5 to React App
45:20 - Chapter 7: Create ListEmployeeComponent + useState Hook
57:56 - Chapter 8: Connect React to Get All Employee REST API
1:09:16 - Chapter 9: Creating React Header and Footer in React App
1:14:15 - Chapter 10: Configuring Routing in React App
1:19:26 - Chapter 11: Build Create Employee REST API
1:23:50 - Chapter 12: Creating React Add Employee Component
1:27:18 - Chapter 13: React Add Employee Form Handling
1:39:46 - Chapter 14: Connect React with Create Employee REST API
1:45:55 - Chapter 15: Build GET Employee By ID REST API
1:51:01 - Chapter 16: Build Update Employee REST API
2:00:00 - Chapter 17: Connect React with Get Employee By Id REST API
2:09:38 - Chapter 18: Connect React to Update Employee REST API
2:14:35 - Chapter 19: Build Delete Employee REST API
2:19:44 - Chapter 20: Connect React with Delete Employee REST API

#springboot #react #fullstack

What is React?
- React is used to build user interfaces (UI) on the front end.
- React is not a framework (unlike Angular, which is more opinionated).
- React is an open-source project created by Facebook.

What is Spring Boot?
- Spring boot to develop REST web services and microservices.
- Spring Boot has taken the Spring framework to the next level. It has drastically reduced the configuration and setup time required for spring projects.

What you will learn:
- You will Develop Your First FULL STACK Application with React and Spring Boot
- You will learn the Basics of Building AWESOME Frontend Applications with React
- You will be introduced to Building Great RESTful APIs with Spring Boot
- You will learn to How to make a REST API call from React to a Spring Boot RESTful API
- You will learn the basics of React - Components - JSX, State, and Props
- You will develop an Employee Management Full Stack Application step by step with CRUD functionalities

My Top 10+Udemy Courses (Bestseller Courses):
1. Spring 6 & Spring Boot 3 for Beginners (Includes 5 Projects):

2. Building Real-Time REST APIs with Spring Boot - Blog App:

3. Building Microservices with Spring Boot and Spring Cloud:

4. Testing Spring Boot App with JUnit, Mockito & Testcontainers:

5. Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App:

6. Master Spring Data JPA with Hibernate:

7. Spring Boot + Apache Kafka Course:

8. Spring Boot 3 + RabbitMQ Course:

9. Learn Thymeleaf with Spring Boot 3:

Check all my Udemy courses and discount coupons:

RECOMMENDED COURSES
---------------------------------------------------------------------------------------------------------
Рекомендации по теме
Комментарии
Автор

Great content! Let me just share some code that could help whoever may face issues with the newer approach for react-router-dom using Routes instead of Switch (as seen in 1:18:10).

<BrowserRouter>
<HeaderComponent />
<Routes>
<Route index />} />
<Route path="/" />}></Route>
<Route path="/employees" />}></Route>
<Route path="*" />}></Route>
</Routes>
<FooterComponent />
</BrowserRouter>

Автор

I can't thank u enough for the material u have provided in ur youtube channel and in ur website.

abhishekhm
Автор

This tutorial is an absolutely perfect course for beginners who start learning how to connect React with Spring Boot REST API. I learn too much from this. Thank you sir 💯

vukhaclong
Автор

very instructive and for free. you are awesome!! always learn more from you😶‍🌫

ball
Автор

Thanks for this new course with latest tech stack👏

javatechnology
Автор

Thank you so much. This video lecture helped me a lot to gain the practical knowledge.

sriharsha
Автор

Very nice tutorial. It was really helpfull.
Thank you!

wlady
Автор

thankful for your videos.Its very benefit to us.pls upload many real time projects regarding react hooks | spring boot |MySQL | REST API

deepikar
Автор

High quality content provided as free🙏

meenajadhav
Автор

Just add security in backend, register/ login/logout features in frontend. Thanks

ball
Автор

Hi!
what is the difference between maven and gradle? In my classroom I learning to do the same with gradle

laurap
Автор

Could you add Spring Security Technology to your projects? Thank you

thangduong
Автор

what can I further learn after this tutorial?

vengalaraopathapatiPVR
Автор

Thanks for the video! Can you tell me which theme do you use for IntelliJ in this video?

equasezy
Автор

No hablo ingles pero estoy aprendiendo bastante. :( pero ahora react-router-dom esta en la version 6 y no puedo usar
el history.push("/employees"); utilizo navigate("/employees"); pero solo me redirige a la seccion de employees no me guardo los datos ingresados :( ayuda

gersonestuardoalonzotajibo
Автор

In the delete scenario, after I delete one record I hadto refresh/reload the page to show it up in the UI. Does anyone else faced this issue? In the useEffect() hook I added employees state dependency and it is now working as expected. Is this a correct way to do?

girishanker
Автор

Can you please tell signup and login form in backend connection to react

shaikmansoor
Автор

Hi sir in this I want to add a new api "login api" it will ask username and password and If the user is found it will print a message "Successs Login" else some error is thrown. I request you to help in in creating and consuming Login api plz.

nishantpatial
Автор

I followed your video step by step but I ran into an issue. The "set" functions at 1:54:43 are undefined for me. I can't find where you defined those functions (setFirstName, getFirstName, setLastName, getLastName etc). Can you show me where those are or how to debug? Thank you so much for the great video btw.

yiqian
Автор

helll where is the remaining part where you will cover search view and other functionalities

Raj-yydw