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
React Mega-Tutorial Ebook Downloads
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock