Autoplay
Autocomplete
Previous Lecture
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
What is an API Client?
A Simple Client Class for Microblog API
Sharing the API Client through a Context
The User Profile Page
Making Components Reusable Through Props
Pagination
Chapter Summary
Chapter 7: Forms and Validation
Introduction
Introduction to Forms with React-Bootstrap
A Reusable Form Input Field
The Login Form
Controlled and Uncontrolled Components
Accessing Components through DOM References
Client-Side Field Validation
The User Registration Form
Form Submission and Server-Side Field Validation
Flashing Messages to the User
Chapter Summary
Chapter 8: Authentication
Introduction
Enabling Back End Authentication
Authentication in the API Client
A User Context and Hook
Implementing Private Routes
Public Routes
Routing Public and Private Pages
Hooking Up the Login Form
User Information in the Header
Handling Refresh Tokens
Chapter Summary
Chapter 9: Application Features
Introduction
Submitting Blog Posts
User Page Actions
Changing the Password
Password Resets
Chapter Summary
Chapter 10: Memoization
Introduction
The React Rendering Algorithm
Unnecessary Renders
Memoizing Components
Render Loops
Memoizing Functions and Objects
Chapter Summary
Chapter 11: Automated Testing
Introduction
The Purpose of Automated Testing
Testing React Applications with Jest
Renders, Queries and Assertions
Testing Individual Components
Using Fake Timers
Mocking API Calls
Chapter Summary
Chapter 12: Production Builds
Introduction
Development vs. Production Builds
Generating React Production Builds
Deploying the Application
Production Deployment with Docker
Chapter Summary
Next Steps
Dynamic Rendering
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock