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

Published: 30 October 2021
on channel: Java Guides
136,230
2.5k

In this course, we will learn how to build a complete full-stack web application using Spring Boot as the backend and React (React Hooks) as the front end. We will store and retrieve data using a MySQL database.

#react #springboot #fullstackdevelopment

My Top 10+ Udemy Courses (Bestseller Courses):
https://www.javaguides.net/p/my-udemy...
Java Guides blog: https://www.javaguides.net/
Company Website: https://rameshfadatare.com/

GitHub link: https://github.com/RameshMF/React-Hoo...

Blog post: https://www.javaguides.net/2021/10/sp...

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

Source code on GitHub at https://github.com/RameshMF/ReactJS-S...
#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 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:
1. Spring 6 & Spring Boot 3 for Beginners (Includes 5 Projects):
https://www.udemy.com/course/learn-sp...

2. Building Real-Time REST APIs with Spring Boot - Blog App:
https://www.udemy.com/course/building...

3. Building Microservices with Spring Boot and Spring Cloud:
https://www.udemy.com/course/building...

4. Testing Spring Boot App with JUnit, Mockito & Testcontainers:
https://www.udemy.com/course/testing-...

5. Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App:
https://www.udemy.com/course/spring-b...

6. Master Spring Data JPA with Hibernate:
https://www.udemy.com/course/master-s...

7. Spring Boot + Apache Kafka Course:
https://www.udemy.com/course/spring-b...

8. Spring Boot 3 + RabbitMQ Course:
https://www.udemy.com/course/spring-b...

9. Learn Thymeleaf with Spring Boot 3:
https://www.udemy.com/course/learn-th...

RECOMMENDED COURSES
---------------------------------------------------------------------------------------------------------
1. Spring Boot + Angular Full Stack | Full Course [2021] ✅ -    • Spring Boot + Angular Full Stack | Fu...  
2. Spring Boot React Full Stack | Full Course [2021]✅ -    • Spring Boot React Full Stack | Full C...  
3. Spring Boot Hibernate MySQL CRUD REST API Tutorial | Full Course -    • Spring Boot Hibernate MySQL CRUD REST...  
4. Java Collections Framework | Full Course [2021]✅ -    • Java Collections Framework | Full Cou...  
5. Spring Boot AWS Deployment - Full Course [2021] ✅ -    • Spring Boot AWS Deployment - Full Cou...