Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
React Fundamentals (Deprecated)
Intro to the React Ecosystem
Welcome
Introduction to the React Ecosystem Video (20:02)
Introduction to React Quiz
(Bonus Text) Imperative vs Declarative Programming
Setting up your first React component with NPM, Babel, and Webpack
Intro to Text Sections
NPM
Webpack for React
First React Component
Video: Babel, Webpack, and React (38:14)
(Bonus Text) React Elements vs React Components
Quiz: Npm, Babel, and Webpack
Dataflow with Props
Dataflow with Props in React
Practicing Props
Solution - Props (6:22)
Creating lists in React with .map and .filter
Practicing .map and .filter
Solution - .map and .filter (8:13)
Pure Functions. f(d)=v. Props and Nesting React Components.
Building UIs with Pure Functions and Function Composition in React
Introduction to PropTypes
Video: Validating Components with PropTypes (7:10)
Quiz: Pure Functions and Props
The "this" keyword + Managing and Updating State
Video: The "this" Keyword Pt1: Intro and Implicit Binding (6:07)
Video: The "this" Keyword Pt2: Explicit binding with .call, .apply, and .bind (4:40)
Video: The "this" keyword Pt3: The "new" and "window" binding (3:18)
Video: Managing and Updating Component State (23:42)
Quiz: The "this" keyword
Stateless Functional Components
Functional Components in React
Video: Stateless Functional Components (7:54)
Private Components in React
(Bonus Text) Functional Components vs Stateless Functional Components vs Stateless Components
Life Cycle Events + Ajax
React Life Cycle Events
Video: Making Ajax Requests in React (20:11)
Quiz: Lifecycle Events
React Router V4
Intro to React Router V4
Video: Adding React Router to our Application (22:15)
Forms and Encapsulation in React
Video: Forms and Encapsulation in React (25:18)
Dynamic Rendering + Query Params
Video: Dynamic Rendering + Query Params (17:47)
Axios, Promises, and the Github API
.reduce
Video: Axios, Promises, and the Github API (18:27)
Composition vs props.children
props.children in React
Video: Composition via props.children (23:14)
Building a Highly Reusable React Component
Defaulting props with defaultProps
Video: Building a Highly Reusable Component (13:18)
Quiz: Building a Highly Reusable React Component
Building for Production + Hosting
Video: Building for Production + Hosting (10:16)
My Favorite Things
Next Steps
Video: The "this" keyword Pt3: The "new" and "window" binding
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock