Intro to React JS:

• Environment Setup and folder structure
• JSX
• Components
• State
• Props Overview
• Props Validation
• Component API
• Component Life Cycle
• Forms
• Events
• Refs
• Keys
• Router
• Animations
• Higher-order Components
• What is Virtual DOM
• A basic setup of Bootstrap for Styling

Virtual DOM Introduction:

• Module Introduction
• Using types Classes Interface
• Generics Wrap up & Modules
• Deep dive into Virtual DOMs

Databinding & DOM Concepts:

• Creating a basic custom attribute DOM
• Exploring Renderer to create a DOM
• Understanding HostListener and HostBinding
• Binding to DOM
• Properties Building Structural DOMs Exploring

Understanding Services & Implementing Dependency Injection:

• Module Introduction
• Why Services are required
• Understanding Dependency
• Hierarchical Injector
• Injecting a Service into other services

Observables in React:

• Module Introduction
• Understanding built-in React Observable
• Creating Observables Using a Custom observable
• Understanding Observable Operators

Forms in React:

• Module Introduction
• Need to React’s help Template Driven vs Reactive Approach

Making HTTP Requests in React:

• Introduction & how HTTP request
• Works in SPAs Sending POST Request
• Adjusting request headers Sending GET requests

Template Driven Approach:

• TD: Submitting and Using the form
• TD: Understanding Form’s State
• TD: Accessing Form using @ViewChild
• TD: Adding Validation to user input
• TD: Understanding Form State
• TD: Outputting Validation Error Messages
• TD: Using ngModel and two-way binding
• TD: Grouping Form Controls
• TD: Using Form Data

Authentication & Route:

• Protection in React Apps
• Module Introduction How Authentication works in SPAs
• Introduction to JWT
• Firebase SDK Signing users up
• Signing users in Token