Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
React
Course Overview
Introduction, Philosophy, and Tips (6:48)
Projects (What you'll build) (3:45)
State of React (2:15)
React Overview
Why React? (7:04)
The React Ecosystem (8:24)
(Bonus) Imperative vs Declarative Programming
(Bonus) Composition vs Inheritance (6:11)
The Road to Hello World
An Introduction to npm (9:42)
(Quiz) NPM
Webpack: A Gentle Introduction (13:39)
(Quiz) Webpack
(Project) First Component (33:46)
JSX Tips and Gotchas for Beginners (11:21)
(Quiz) JSX
(Bonus) React Elements vs React Components
Passing Data to Components
Introduction to Props (5:55)
(Quiz) Props
(Practice) Props
(Solution) Props (3:36)
Rendering Lists
Rendering Lists in React (2:35)
(Quiz) Lists
(Practice) Rendering Lists
(Solution) Rendering Lists (3:06)
(Project) Popular Navbar (6:47)
Managing State
Understanding the "this" keyword in JavaScript (13:38)
(Quiz) The "this" keyword
Managing State in React
(Quiz) State in React
(Practice) State
(Solution) State (3:46)
(Project) Navbar State (5:45)
Functional Components
Functional Components
(Quiz) Functional Components
(Project) Languages Nav (4:20)
Validating Props with PropTypes
PropTypes
(Practice) PropTypes
(Solution) PropTypes (2:03)
(Project) Language Nav PropTypes (3:17)
The Component Lifecycle
The Component Lifecycle (8:04)
(Quiz) The Component Lifecycle
(Project) Fetch Repos (9:06)
(Project) Caching Repos (5:26)
React Icons
(Project) Repositories Grid (13:57)
Handling Form State
(Project) Battle Instructions (6:34)
Controlled vs Uncontrolled Components (3:55)
(Project) Player Input (14:19)
(Project) Render PlayerInput (6:19)
(Project) Player Preview (9:27)
(Project) Result's Skeleton (4:36)
(Project) API (12:15)
(Project) Result's Data (3:08)
(Project) Result's UI (10:10)
Composition with children
children in React
(Project) Reusable Card Component (14:12)
(Project) Profile List (2:51)
(Project) Reset Players (4:49)
Building Reusable Components
Default Props
(Project) Loading Component (13:25)
Intermission
Check in (1:31)
Code Sharing
Higher Order Components
(Quiz) Higher Order Components
(Project) Tooltip (14:26)
(Project) withHover Higher Order Component (15:34)
Render Props
(Quiz) Render Props
(Project) Hover Render Prop (8:48)
Bypassing Props with Context
React Context (8:34)
(Project) Theme Provider (6:00)
(Quiz) React Context
(Project) Toggle Theme (5:41)
(Project) Consume Theme (7:39)
React Router v4
Introduction to React Router v4 (22:25)
(Quiz) React Router v4
(Project) Adding Routes (7:00)
(Project) Navbar (4:18)
React Router v4 Query Strings (5:53)
(Project) Query Strings (8:06)
(Quiz) Query Strings
404 with React Router v4 (6:38)
(Quiz) Catch-all Routes
(Project) 404 (2:29)
Better Classes with Class Fields
Class Fields (8:25)
(Quiz) Class Fields
(Project) Migrating to Class Fields (7:30)
Performance Gains with Code Splitting
Code Splitting with React Router v4 (15:53)
(Quiz) Code Splitting
(Project) Code Split (11:19)
Production Builds with Hosting
Building React Apps for Production
(Quiz) Building for Production
(Project) Production Build (3:24)
(Project) Hosting with Netlify (6:25)
Bonus Time
(Bonus) React Interview Questions
(Bonus) React "AHA" Moments
Next Steps (1:09)
(Bonus) Composition vs Inheritance
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock