React Full Stack Web Development With Spring Boot

Spring Boot, React, Intellij, Java, Mysql, Liquibase, MVC, CRUD, JWT, Full Stack Development, JWT (Json Web Token)

Created by Senol Atac, Last Updated 30-Oct-2019, Language:English

What Will I Get ?

Full Stack Development
React, React Architecture, Example React Implementation
Spring Boot, String Boot Model View Controller Structure
Liquibase Example Cases

Requirements

Basic Java Knowledge
Basic Javascript Knowledge

Description

In this course, we will implement example project step by step with using Spring Boot and React. We will create a product management system. And products can be seen and bought by users.

There will be two roles of users. Admin and User.

So we will also go on with role based authentication. To imlement it, we will use Json Web Token (JWT).

To secure login, authentication and authorization, we will use Spring security.

We will go on with two main components. These are client side and server side.

On client side, we will implement example react project.

- Admin Panel and user operations will be implemented.

On server side, we will implement example spring boot project.

- Model view controller will be implemented.

- Liquibase will be implemented for database changesets.

- Mysql will be used for Database.

- Json Web Token will be used for role based authentication.

Our examle project will be product management system.

Who this course is for:

All developers curious about React and Spring Boot

Course Content

Introduction

4 Lectures 00:10:03
- Prerequest Of Application
- Spring Boot And React Overview
  
  Preview
  
  00:05:17
- Architecture Of All System - Overview
  
  Preview
  
  00:04:46
- Source Code
Preparation For Server Side - Intellij, Lombok, Spring Boot...

5 Lectures 00:17:48
- Prerequests
  
  Preview
  
  00:04:01
- Open Demo Project In Intellij
  
  Preview
  
  00:03:07
- Install And Enable Lombok
  
  00:01:20
- Lombok Overview
  
  00:01:38
- Spring Boot Overview - Basic Annotations, Dependency Injection...
  
  00:07:42
Server Side - Spring Boot

34 Lectures 02:21:17
- Source Code For Server Side
- Server Side Overview
  
  00:02:14
- Installation - Spring Initializer
  
  00:02:30
- Configuration - Application Properties
  
  00:06:46
- Entity Diagram
  
  00:03:25
- Hibernate Overview - Basic Annotations
  
  00:04:00
- User Model Class
  
  00:03:19
- Create Product Model Class
  
  00:02:06
- Create Transaction Model Class
  
  00:03:07
- Liquibase Overview
  
  00:03:20
- Implement Liquibase Changes For User
  
  00:04:10
- Implement Liquibase For Product And Transaction
  
  00:04:25
- JPA (Java Persistence API) Repository Overview
  
  00:03:24
- Create User Repository - JPA Repository
  
  00:02:21
- Create Product And Transaction Repository - JPA Repository
  
  00:01:43
- User Service Implementation - Spring Service
  
  00:06:39
- Product Service Implementation - Spring Service
  
  00:02:54
- Transaction Service Implementation - Spring Service
  
  00:02:19
- Controller Overview
  
  00:01:56
- Rest Controller Overview - Get, Post, Delete, Put, Patch
  
  00:04:02
- User Controller Implementation
  
  00:09:24
- Admin Controller Implementation
  
  00:12:31
- Spring Security - Overview
  
  00:03:31
- User Details Service Implementation - Security
  
  00:04:28
- Spring Security Default Configuration And Customization
  
  00:10:40
- Authentication In Spring Security
  
  00:03:42
- Authorization In Spring Security
  
  00:04:29
- Web Security Configuration - Spring Security
  
  00:08:35
- JSON Web Token (JWT) - Overview
  
  00:02:58
- Json Web Token (JWT) Installation And Configuration
  
  00:02:26
- Create Json Web Token (JWT) Provider
  
  00:06:39
- Create Json Web Token (JWT) Authorization Filter
  
  00:04:58
- Test Server Side
  
  00:02:16
- Server Side - Build And Run
Client Side - React

22 Lectures 02:01:46
- Source Code For Client Side
- React Overview - Components, NPM, Basic Syntaxes, One Way Data Flow..
  
  00:07:34
- Client Side Overview
  
  00:02:11
- Installation - Create-React-App
  
  00:03:44
- Configuration
  
  00:01:27
- Create Model Classes On React
  
  00:02:43
- User Service Implementation
  
  00:07:14
- Login Component Implementation
  
  00:12:40
- Register Component Implementation
  
  00:08:04
- Profile Component Implementation
  
  00:02:35
- Home Component Implementation
  
  00:10:15
- Product Detail Component Implementation
  
  00:02:56
- Admin Service Implementation
  
  00:03:57
- Admin Component Implementation
  
  00:10:57
- Create User Modal To Edit And To Create User Form
  
  00:13:49
- Create Confirmation Dialog As React Component
  
  00:08:39
- 404 (Not Found) And 401(Unathorized) Components Implementation
  
  00:03:25
- Routers In React - Router Implementation
  
  00:05:59
- Authentication Guard Implementation - Router Authorization
  
  00:04:40
- Create Template Navigation Bar
  
  00:06:32
- Active Tab On Navigation Bar - Current Location Router
  
  00:02:25
- Client Side Build And Run
Test And Results

2 Lectures 00:03:15
- Test Application After All Implementations
  
  00:03:15
- Source Code Of All System