Go Java Full Stack with Spring Boot and React 

Understanding Full Stack Application Architecture

Using Create React App to Create and Launch a React Application

Importing React App into Visual Studio Code

Exploring React Project Structure

Introduction to React Components

Playing with React Class Components

Introduction to Function Components in React

Exploring JSX Further - Babel and more

Refactoring components to individual modules and Quick Review of JavaScript Modules

Exercise - Creating seperate modules for other components

Step 01 - Introduction to Section - Building Counter Application

Step 02 - Creating Basic React Counter Component

Step 03 - Adding a Button and a Counter to the React Counter Component

Step 04 - Handling click event on the increment button

Step 05 - Adding State to a React Counter Component

Step 06 - Understanding React - Behind the scenes - Virtual Dom

Step 07 - Understanding setState and Using Arrow Functions to avoid this binding

Step 08 - Defining Inline Javascript CSS in JSX

Step 09 - Defining Multiple Counter Buttons and Adding a Component Prop

Step 10 - Understanding React Component Props - Default Value and Type Constrain

Step 11 - Using React Developer Tools Chrome Plugin

Step 12 - Moving State Up - Refactoring to Counter and Counter Button Components

Step 13 - Moving State Up - Adding state to Counter Component

Step 14 - Best Practice - Using Previous State in setState

Step 15 - Adding Decrement Buttons and Reset Button

Step 16 - Quick Review of the Counter Example

Step 01 - Introduction to Todo Management App

Step 02 - Getting Started with Login Component

Step 03 - Understanding React Controlled Component - Adding State to Login

Step 04 - Refactoring to Common Change Event for Multiple Form Elements

Step 05 - Adding Hardcoded Authentication to Login Component

Step 06 - Understanding Conditional Rendering with && in React JSX

React V6+ upgrades

Step 07 - Implementing Routing for Login and Welcome Components with React Route

Step 07 - React V6+ Updates

Step 08 - Implementing Routing from Login to Welcome Component

Step 08 - React V6+ Updates

Step 09 - Adding an Error Component for Invalid URIs

Step 09 - React V6+ Updates

Step 10 - Adding Route Parameter for Welcome Component

Step 10 - React V6+ Updates

Step 11 - 01 - Creating a Basic React List Todo Component

Step 11 - 02 - Adding a Link from Welcome to Todo Page and New Todo Attributes

Step 12 - Adding Bootstrap Framework and Creating Components for Header and Foot

Step 12 - React V6+ Updates

Step 13 - Using Bootstrap to Create a Menu with Navigation Links

Step 14 - Enhancing Footer and Creating Logout Component

Step 15 - Styling Login, List Todo and Other Components with CSS and Bootstrap

Step 16 - Using Session Storage to Store User Authentication Token

Step 17 - Implementing Logout to remove User Authentication Token

Step 18 - Enabling Menu Links Based on User Authentication Token

Step 18 - React V6+ Updates

Step 19 - Securing Components using Authenticated Route

Step 19 - React V6+ Updates

Step 20 - Refactoring React Components into JavaScript Modules

Step 21 - Quick Review - Routes, Authenticated Route and Components

Step 23 - Important How Questions related to Web Services

Step 24 - Web Services - Key Terminology

Step 25 - Introduction to RESTful Web Services

Fastest Approach to Solve Your Exceptions

Step 26 - Initializing a RESTful Services Project with Spring Boot

Step 27 - Creating a Spring Boot Hello World Service

Step 28 - Enhancing the Spring Boot Hello World Service to return a Bean

Step 29 - Quick Review of Spring Boot Auto Configuration and Dispatcher Servlet

Step 30 - Enhancing the Hello World Service with a Path Variable

Step 31 - Connecting React with Restful API - 1 - Preparing Welcome Page

Step 32 - Connecting React with Restful API - 2 - Understanding Axios HTTP Clein

Step 33 - Connecting React with Restful API - 3 - Running React App on Port 4200

Step 34 - Connecting React with Restful API - 4 - Adding Axios and Creating Hel

Step 35 - Connecting React with Restful API - 5 - Allow Cross Origin Requests Fr

Step 36 - Connecting React with Restful API - 6 - Quick Review

Step 37 - Calling Hello World Bean JSON API from React Frontend

Step 38 - Calling Hello World HTTP Service with Path Variables

Step 39 - Handling API Error Responses in React Frontend

Step 40 - Designing RESTful Services for Todo Resource

Step 41 - Creating Spring Boot REST API for retrieving Todo List

Step 42 - Connecting React Frontend with Todo List RESTful Service

Step 43 - Understanding Important React Lifecycle Methods

Step 44 - Creating Spring Boot REST API to delete a Todo - 1 - Create DELETE Req

Step 45 - Creating Spring Boot REST API to delete a Todo - Execute DELETE Reques

Step 46 - Adding Delete Todo Feature to React Frontend

React V6 Updates for Step 47

Step 47 - Creating Todo Component and Handle Routing

Step 48 - Designing Todo Form with moment, Formik and Bootstrap

Step 49 - Initializing and Handling Form Submit with Formik

Step 50 - Implementing Form Validation with Formik

Step 51 - Creating Retrieve Todo Spring Boot API and Connecting React

Step 52 - Creating Spring Boot REST API for Updating Todo - PUT Request Method

Step 53 - Creating Spring Boot REST API for Creating a Todo - POST Request Metho

Step 54 - RESTful Web Services - Best Practices

Step 55 - Implementing Update Todo Feature in React Frontend

Step 56 - Implementing New Todo Feature in React Frontend

Step 57 - Overview of Security with Basic Auth and JWT

Step 58 - Setting up Spring Security

Step 59 - Configure standard userid and password

Step 60 - Enhancing React Welcome Data Service to use Basic Auth

Solving Your Problems with Basic Authentication

Step 61 - Configure Spring Security to disable CSRF and enable OPTION Requests

Step 62 - Creating React Axios Interceptor to add Basic Auth Header

Step 63 - Remove Hard Coding of User Credentials

Step 64 - Create Basic Authentication RESTful Service in Spring Boot

Step 65 - Enhance React Frontend to use Basic Auth API to Validate Login