Master Class: React 17 + Typescript Web Development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Overview

Lecture 2: Your Instructor

Lecture 3: What/Why React?

Lecture 4: First Taste of React

Lecture 5: Typescript Overview

Lecture 6: Webpack Overview

Lecture 7: Resources for this section

Lecture 8: Before we start

Chapter 2: Let's prepare your javascript skills for React!

Lecture 1: Introduction

Lecture 2: Lecture for this course

Lecture 3: Var, Let and Const

Lecture 4: Var, Let and Const – Hands On

Lecture 5: Logical OR and AND

Lecture 6: Logical OR and AND – Hands On

Lecture 7: Primitive Values vs Reference Type

Lecture 8: Primitive Values vs Reference Type – Hands On

Lecture 9: Shallow and Deep Copy

Lecture 10: Shallow and Deep Copy – Hands On

Lecture 11: Spread Operator, Rest Parameter, Destructuring

Lecture 12: Spread Operator, Rest Parameter, Destructuring – Hands On

Lecture 13: Class

Lecture 14: Class – Hands On

Lecture 15: This Object + Arrow Function

Lecture 16: This Object + Arrow Function – Hands On

Lecture 17: Promises and Async+Await

Lecture 18: Promises and Async+Await – Hands On

Lecture 19: Export & Import

Lecture 20: Summary

Chapter 3: (Class) Show us what you have, ReactJS!

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Setup Environment

Lecture 5: Component & Props

Lecture 6: Component & Props – Hands On

Lecture 7: State

Lecture 8: State – Hands On

Lecture 9: Lifecycle – Mounting & Unmounting

Lecture 10: Lifecycle – Mounting & Unmounting – Hands On

Lecture 11: Lifecycle – Updating

Lecture 12: Lifecycle – Updating – Hands On

Lecture 13: Assignment Solution (Optional)

Lecture 14: Lifecycle – Error Handling

Lecture 15: Lifecycle – Error Handling – Hands On

Lecture 16: Extras – Lifecycle

Lecture 17: Pure Components & React Memo

Lecture 18: Pure Components & React Memo – Hands On

Lecture 19: RenderProps & Higher Order Component

Lecture 20: RenderProps & Higher Order Component – Hands On

Lecture 21: List & Keys

Lecture 22: List & Keys – Hands On

Lecture 23: Refs

Lecture 24: Refs – Hands On

Lecture 25: Context API

Lecture 26: Context API – Hands On

Lecture 27: Form Elements

Lecture 28: Form Elements – Hands On

Lecture 29: Assignment Solution (Optional)

Lecture 30: Code Splitting

Lecture 31: Code Splitting – Hands On

Lecture 32: Children, cloneElement & isValidElement API

Lecture 33: Children, cloneElement & isValidElement API – Hands On

Lecture 34: Assignment Solution (Optional)

Lecture 35: Summary

Chapter 4: (Class) What can you do, ReactDOM?

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Render & Hydrate

Lecture 5: Render API – Hands On

Lecture 6: Unmount Component At Node API

Lecture 7: Find Dom Node API

Lecture 8: Find Dom Node API – Hands On

Lecture 9: Create Portal API

Lecture 10: Create Portal API – Hands On

Lecture 11: Assignment Solution (Optional)

Lecture 12: Summary

Chapter 5: (Class) React Router DOM

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Routing

Lecture 5: Routing – Hands On Part 1

Lecture 6: Routing – Hands On Part 2

Lecture 7: Link and Redirect

Lecture 8: Link and Redirect – Hands On

Lecture 9: withRouter HOC

Lecture 10: History Library

Lecture 11: History – Hands On

Lecture 12: Assignment Solution (Optional)

Lecture 13: Summary

Chapter 6: (Class) Redux for centralized state!