Section Goal

Prerequisites

Welcome

How To Make The Maximum Of This Course

Introduction

Folder Structure

Generators

Redux Overview Skip if you are familiar REDUX

Cloninng Our Project

Redux Store

Redux Actions

Section Goal Skip if you are familiar with ReduxSaga

How Redux Works

Redux Middleware

Saga Effects

High Order Component

Container Component

Preparation DO NOT SKIP

Render Props

Preserving State

Updating State

Component Mount

Using Refs

Component Cleanup

Observing Props Changes

Creating YOUR own Hook Part 2

Creating YOUR own Hook Part 1

Section Goal

Important Note

What is High Quality Application

Component Container Pattern

Authentication Data Flow

Authentication Redux Saga

Network Service

Server Communication

Removing Credentials

Storing Credentials

Conclusion

Section Goal

Modularity in Modern Applications

SOLID Principles

DRY Principle

Reusability in Modern Applications

Section Goal

Consistency in Modern Applications

Setting Up Styling

Adding Theme

Light Dark Mode

Section Goal

Application Architecture

React Router Overview

Power Of Themes

Navigation Routing

Navigation Bar

Securing Routes Public Private

Vacation Details Page

URL Params 1

Reconciliation

URL Params 2

Commit Render

Section Goal

Why Performance

Mount vs Update

Debugging DevTools 2

Debugging DevTools 1

Memoizing Computation

Render Profiling

Selectors

Memoizing Selectors

React Memo

Avoid Reconciliation

Overloading DOM and Virtual DOM

Bad Practice 1 PART 1

Bad Practice 2 PART 1

Bad Practice 1 PART 2

Section Goal

Bad Practice 3

What is Webpack

How is Webpack

Bad Practice 2 PART 2

Exploring the Entry

Exploring the Output

Section Goal

Exploring the Loaders

Lazy Loading

Loading Dynamically

Production Build

Lazy Suspense

Dependency Reference Common Issue

Finally Bundle Splitting

Extending Our Container