React & Redux Hero: Build secured , scalable Web App !!

Course Curriculum

Chapter 1: Introduction

Lecture 1: How to use the Course

Lecture 2: Github Project Resource

Lecture 3: Download Github Project

Lecture 4: Design Principles – Components and Modularity

Lecture 5: Application Structure – Getting started to code

Lecture 6: Basic routing setup

Lecture 7: Navigating to sub routes and default routing

Chapter 2: Base Setup

Lecture 1: Creating the Sign-in component

Lecture 2: Add Sign-up page and background

Lecture 3: Programatic navigation and styling fixes

Lecture 4: Controlled and Un-Controlled components

Chapter 3: Redux

Lecture 1: Design Principle – State management

Lecture 2: Redux Getting Started

Lecture 3: Adding Redux store and creating Redux Slices

Lecture 4: Adding todo to Redux store , Redux devtools

Lecture 5: Add , Remove and Toggle Todos

Lecture 6: Using selectors in Redux , editing Todos

Lecture 7: Redux Forms , The basics

Lecture 8: Redux and React form setup

Lecture 9: Manage Signin via Redux form

Lecture 10: Css fixes on Signin

Lecture 11: Form validation , error handling

Lecture 12: Signup form link to Redux form

Lecture 13: Design Principle – Code Consistency

Lecture 14: Auth refactoring based on Code Consistency principle

Chapter 4: Property Listings

Lecture 1: Property Listing page starter

Lecture 2: Making the AppBar UI

Lecture 3: Adding category bar

Lecture 4: Adding property card component

Lecture 5: Adding FAB button to Property Listing

Lecture 6: Adding Language Selector

Lecture 7: Design Principle – Scalability and Code Infrastructure

Lecture 8: Modals Infrasturcture theory

Lecture 9: Modals infrastructure implementation – Part 1

Lecture 10: Modals infrastructure implementation – Part 2

Lecture 11: Adding Add Property UI Fields

Lecture 12: Adding Translations infra

Lecture 13: Switching between languages

Lecture 14: Placeholders in translations

Lecture 15: Error Boundary using Class components

Lecture 16: Using Error boundary library

Chapter 5: Backend Implementation

Lecture 1: Getting Backend started – MongoDB setup

Lecture 2: Importing sample data , connecting to DB

Lecture 3: Exploring the backend implementation

Lecture 4: Encrypting the password

Lecture 5: Standardize Backend Success response

Lecture 6: Standardize Backend Error Response

Chapter 6: RTK Query

Lecture 1: RTK Query introduction

Lecture 2: RTK query setup – Sign in

Lecture 3: Using RTK query in Sing in component

Lecture 4: Fixing backend – Cannot connect to DB

Lecture 5: Fixing errors when sending request to backend

Lecture 6: Solving CORS issues

Lecture 7: Hooking RTK query to Redux store

Lecture 8: Transforming server response , UI State handling

Lecture 9: Update to the Sign in logic on Backend

Lecture 10: Handling Sign in errors

Chapter 7: JWT Flows

Lecture 1: Understanding how JWT flow works

Lecture 2: JWT Signin implementation on Server

Lecture 3: Refresh tokens

Lecture 4: Adding refresh token to Sign in

Lecture 5: Validating the JWT token

Lecture 6: Adding route polices ( Middlewares )

Lecture 7: Capture User ID from JWT token

Lecture 8: Refresh token endpoint

Lecture 9: Restricting reuse of Refresh token

Lecture 10: Notification infra on React

Lecture 11: Adding Auth details to Redux User Slice

Lecture 12: Adding auth headers to Create property

Lecture 13: Fetching Property list on Frontend

Lecture 14: Reducer Path , rendering properties via API

Lecture 15: UI fixes on Property Listing

Lecture 16: Adding redux persist to save state

Chapter 8: Caching

Lecture 1: RTK Caching

Lecture 2: RTK Caching in action on Todo

Lecture 3: Conditional RTK Query , Editing toods

Lecture 4: Automatic fetch of RTK queries

Lecture 5: RTK Cache tags

Lecture 6: Invalidating cache by Todo ID

Lecture 7: Bug fix for updating Todos

Lecture 8: Pre-fetching queries using RTK

Lecture 9: Optimistic Update using RTK Cache

Lecture 10: Fixing ID while doing Optimistic Update

Lecture 11: Adding cache tags to Property app

Lecture 12: Redux persist blacklist

Lecture 13: UI Fixes , Redux persist fix

Lecture 14: Refresh token implementation in RTK

Lecture 15: Handling refresh token failure

Lecture 16: Navigating the user on Reauth failure

Lecture 17: Implementing Mutex for preventing multiple API calls

Chapter 9: Authorization

Lecture 1: Authorization architecture concept