The React Mega-Tutorial

Course Curriculum

Chapter 1: The React Mega-Tutorial

Lecture 1: Preface

Lecture 2: Prerequisites

Lecture 3: How to Work with the Example Code

Chapter 2: Modern JavaScript

Lecture 1: Introduction

Lecture 2: ES5 vs. ES6

Lecture 3: Summary of Recent JavaScript Features

Chapter 3: Hello, React!

Lecture 1: Introduction

Lecture 2: Installing Node.js

Lecture 3: Creating a Starter React Project

Lecture 4: Installing Third-Party Dependencies

Lecture 5: Application Structure

Lecture 6: A Basic React Application

Lecture 7: Dynamic Rendering

Chapter 4: Working with Components

Lecture 1: Introduction

Lecture 2: User Interface Components

Lecture 3: The Container Component

Lecture 4: Adding a Header Component

Lecture 5: Adding a Sidebar

Lecture 6: Building Reusable Components

Lecture 7: Components with Props

Chapter 5: Routing and Page Navigation

Lecture 1: Introduction

Lecture 2: Creating Page Components

Lecture 3: Implementing Links

Lecture 4: Pages with Dynamic Parameters

Chapter 6: Connecting to a Back End

Lecture 1: Introduction

Lecture 2: Running the Microblog API Back End

Lecture 3: Using State Variables

Lecture 4: Side Effect Functions

Lecture 5: Rendering Blog Posts

Lecture 6: Displaying Relative Times

Chapter 7: Building an API Client

Lecture 1: Introduction

Lecture 2: What is an API Client?

Lecture 3: A Simple Client Class for Microblog API

Lecture 4: Sharing the API Client through a Context

Lecture 5: The User Profile Page

Lecture 6: Making Components Reusable Through Props

Lecture 7: Pagination

Chapter 8: Forms and Validation

Lecture 1: Introduction

Lecture 2: Introductions to Forms with React-Bootstrap

Lecture 3: A Reusable Form Input Field

Lecture 4: The Login Form

Lecture 5: Controlled and Uncontrolled Components

Lecture 6: Accessing Components through DOM References

Lecture 7: Client-Side Field Validation

Lecture 8: The User Registration Form

Lecture 9: Form Submission and Server-Side Field Validation

Lecture 10: Flashing Messages to the User

Chapter 9: Authentication

Lecture 1: Introduction

Lecture 2: Enabling Back End Authentication

Lecture 3: Authentication in the API Client

Lecture 4: A User Context and Hook

Lecture 5: Implementing Private Routes

Lecture 6: Public Routes

Lecture 7: Routing Public and Private Pages

Lecture 8: Hooking Up the Login Form

Lecture 9: User Information in the Header

Lecture 10: Handling Refresh Tokens

Chapter 10: Application Features

Lecture 1: Introduction

Lecture 2: Submitting Blog Posts

Lecture 3: User Page Actions

Lecture 4: Changing the Password

Lecture 5: Password Resets

Chapter 11: Memoization

Lecture 1: Introduction

Lecture 2: The React Rendering Algorithm

Lecture 3: Unnecessary Renders

Lecture 4: Memoizing Components

Lecture 5: Render Loops

Lecture 6: Memoizing Functions and Objects

Chapter 12: Automated Testing

Lecture 1: Introduction

Lecture 2: The Purpose of Automated Testing

Lecture 3: Testing React Applications with Jest

Lecture 4: Renders, Queries and Assertions

Lecture 5: Testing Individual Components

Lecture 6: Using Fake Timers

Lecture 7: Mocking API Calls

Chapter 13: Production Builds

Lecture 1: Introduction

Lecture 2: Development vs. Production Builds

Lecture 3: Generating React Production Builds

Lecture 4: Deploying the Application

Lecture 5: Production Deployment with Docker

Lecture 6: Next Steps