Render Loops | Courses by Miguel Grinberg

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The React Mega-Tutorial

The React Mega-Tutorial

Course Availability Update
React Mega-Tutorial Ebook Downloads

Preface

Preface (1:01)
Prerequisites (2:58)
How to Work with the Example Code (3:42)
Acknowledgements

Chapter 1: Modern JavaScript

Introduction (0:10)
ES5 vs. ES6 (2:34)
Summary of Recent JavaScript Features (30:08)

Chapter 2: Hello, React!

Introduction (0:09)
Installing Node.js (0:46)
Creating a Starter React Project (3:21)
Installing Third-Party Dependencies (2:45)
Application Structure (13:17)
A Basic React Application (3:57)
Dynamic Rendering (14:52)
Chapter Summary

Chapter 3: Working with Components

Introduction (0:17)
User Interface Components (1:26)
The Container Component (4:01)
Adding a Header Component (13:21)
Adding a Sidebar (14:49)
Building Reusable Components (3:30)
Components with Props (7:34)
Chapter Summary

Chapter 4: Routing and Page Navigation

Introduction (0:11)
Creating Page Components (12:14)
Implementing Links (7:57)
Pages with Dynamic Parameters (5:33)
Chapter Summary

Chapter 5: Connecting to a Back End

Introduction (0:12)
Running the Microblog API Back End (14:55)
Using State Variables (6:59)
Side Effect Functions (15:00)
Rendering Blog Posts (14:10)
Displaying Relative Times (19:01)
Chapter Summary

Chapter 6: Building an API Client

Introduction (0:11)
What is an API Client? (1:54)
A Simple Client Class for Microblog API (17:56)
Sharing the API Client through a Context (9:56)
The User Profile Page (11:29)
Making Components Reusable Through Props (8:32)
Pagination (15:31)
Chapter Summary

Chapter 7: Forms and Validation

Introduction (0:11)
Introduction to Forms with React-Bootstrap (1:38)
A Reusable Form Input Field (7:52)
The Login Form (8:25)
Controlled and Uncontrolled Components (2:24)
Accessing Components through DOM References (6:40)
Client-Side Field Validation (3:20)
The User Registration Form (10:15)
Form Submission and Server-Side Field Validation (11:22)
Flashing Messages to the User (26:44)
Chapter Summary

Chapter 8: Authentication

Introduction (0:09)
Enabling Back End Authentication (3:08)
Authentication in the API Client (13:24)
A User Context and Hook (12:58)
Implementing Private Routes (6:47)
Public Routes (2:46)
Routing Public and Private Pages (3:56)
Hooking Up the Login Form (8:56)
User Information in the Header (14:12)
Handling Refresh Tokens (8:16)
Chapter Summary

Chapter 9: Application Features

Introduction (0:13)
Submitting Blog Posts (15:37)
User Page Actions (30:17)
Changing the Password (7:29)
Password Resets (12:36)
Chapter Summary

Chapter 10: Memoization

Introduction (0:14)
The React Rendering Algorithm (2:41)
Unnecessary Renders (3:08)
Memoizing Components (3:13)
Render Loops (10:35)
Memoizing Functions and Objects (8:24)
Chapter Summary

Chapter 11: Automated Testing

Introduction (0:12)
The Purpose of Automated Testing (1:23)
Testing React Applications with Jest (2:31)
Renders, Queries and Assertions (8:26)
Testing Individual Components (13:58)
Using Fake Timers (13:45)
Mocking API Calls (25:43)
Chapter Summary

Chapter 12: Production Builds

Introduction (0:10)
Development vs. Production Builds (0:50)
Generating React Production Builds (4:55)
Deploying the Application (3:57)
Production Deployment with Docker (17:48)
Chapter Summary
Next Steps (2:27)

Teach online with

Render Loops

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock