Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Modern React with Redux
An Intro to React
Introduction - Github Links for Project Files! (3:39)
Completed Projects - Github Links
The Purpose of Boilerplate Projects (3:43)
Environment Setup (1:46)
Project Setup (2:54)
A Taste of JSX (11:31)
More on JSX (4:37)
ES6 Import Statements (4:00)
ReactDOM vs React (2:27)
Differences Between Component Instances and Component Classes (3:39)
Render Targets (5:55)
Component Structure (6:28)
Youtube Search API Signup (6:41)
Export Statements (8:42)
Class-Based Components (8:13)
Handling User Events (9:32)
Introduction to State (5:15)
More on State (6:06)
Controlled Components (7:49)
Breather and Review (3:38)
Ajax Requests with React
Youtube Search Response (4:28)
Refactoring Functional Components to Class Components (7:45)
Props (7:44)
Building Lists with Map (7:08)
List Item Keys (3:55)
Video List Items (7:55)
Detail Component and Template Strings (7:07)
Handling Null Props (4:43)
Video Selection (11:41)
Styling with CSS (3:44)
Searching for Videos (7:53)
Throttling Search Term Input (5:48)
React Wrapup (5:26)
Modeling Application State
Foreword on Redux (2:16)
What is Redux? (2:46)
More on Redux (3:43)
Even More on Redux! (4:21)
Managing App State with Redux
Reducers (7:45)
Containers - Connecting Redux to React (7:25)
Containers Continued (4:02)
Implementation of a Container Class (10:48)
Containers and Reducers Review (4:11)
Actions and Action Creators (7:33)
Binding Action Creators (9:43)
Creating an Action (6:47)
Consuming Actions in Reducers (7:18)
Consuming Actions in Reducers Continued (5:07)
Conditional Rendering (6:40)
Reducers and Actions Review (5:04)
Intermediate Redux: Middleware
App Overview and Planning (5:12)
Component Setup (7:59)
Controlled Components and Binding Context (9:58)
Form Elements in React (6:30)
Working with API's (8:14)
Introduction to Middleware (7:29)
Ajax Requests with Axios (13:05)
Redux-Promise in Practice (10:17)
Redux-Promise Continued (10:57)
Avoiding State Mutations in Reducers (9:55)
Building a List Container (6:56)
Mapping Props to a Render Helper (6:09)
Adding Sparkline Charts (9:56)
Making a Reusable Chart Component (6:02)
Labeling of Units (10:39)
Google Maps Integration (13:04)
Google Maps Integration Continued (6:08)
Project Review (5:01)
React Router + Redux Form
App Overview and Goals (6:51)
Exploring the Posts Api (13:28)
Installing React Router (2:36)
React Router - What is It? (5:36)
Setting Up React Router (4:41)
Route Configuration (5:18)
Nesting Of Routes (8:04)
IndexRoutes with React Router (5:06)
Back To Redux - Index Action (5:52)
Catching Data with Posts Reducer (6:31)
Catching Data with Posts Reducer Continued (2:39)
Fetching Data with Lifecycle Methods (5:45)
Fetching Data with Lifecycle Methods Continued (6:52)
Creating New Posts (5:25)
Navigation with the Link Component (4:28)
Forms and Form Submission (10:14)
More on Forms and Form Submission (7:39)
Passing Control to Redux Form (7:53)
CreatePost Action Creator (11:23)
Form Validation (8:30)
Form Validation Continued (8:53)
Navigating on Submit (12:39)
Posts Index (4:33)
Dynamic Route Params (7:11)
Loading Data on Render (5:47)
Handling Null Props (5:33)
Delete Action Creator (7:09)
Navigate on Delete (2:26)
ReactRouter and ReduxForm Wrapup (7:04)
Mapping Props to a Render Helper
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock