Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Redux
Introduction
Introduction, Philosophy, and Tips (2:30)
The Store
What is the Store? (8:40)
(Project) Create Store - Getting the State (2:20)
(Project) Create Store - Listening to Changes (4:35)
Representing State Transformations as Actions
(Project) Create Store - Updating the State (5:52)
(Project) The Reducer Function (7:02)
(Project) Create Store - Dispatching Changes (13:58)
(Project) Handling more Actions (10:06)
(Project) Combining Reducers (9:01)
Reducer Composition
(Project) Leveraging Constants (2:59)
(Project) Action Creators (5:16)
Review - The Store, Actions, and Reducers (4:03)
(Quiz) The Store
UI
(Project) App Scaffolding (2:04)
(Project) Basic UI (2:27)
(Project) Dispatching New Items (5:52)
(Project) Subscribing for UI Updates (9:29)
(Project) Dispatching to Remove Items (5:15)
(Project) This is Redux (6:36)
Review - UI (6:06)
(Quiz) UI
Middleware
(Project) Customizing Dispatch (4:15)
(Project) Utilizing Redux Middleware (7:50)
Redux Middleware
(Project) Logger Middleware (4:36)
(Quiz) Redux Middleware
Redux with React
(Project) Adding in React (5:20)
(Project) Dispatching Todos with React (5:29)
(Project) Dispatching Goals with React (2:36)
(Project) Lists with React and Redux (10:16)
(Project) Toggling UI with Redux (5:01)
Async Redux
(Project) Handling Initial Data (7:42)
(Project) Loading States with Redux (2:36)
(Project) Optimistically Deleting Items (6:49)
(Project) Optimistically Toggling Todos (1:47)
(Project) Persisting Items (4:20)
(Project) Custom Thunk (10:52)
More on Thunks
(Project) Thunkify Goals (6:09)
(Project) Thunkify Todos (3:49)
(Project) Thunkify Initial Data (1:40)
(Project) Redux Thunk Middleware (1:36)
More Asynchronous Options
(Quiz) Async Redux
react-redux
Downsides of React and Redux (3:26)
React's Context API (8:34)
(Project) Utilizing Context (11:37)
(Project) Connecting Components to the Redux Store (12:09)
(Project) Implementing connect (11:49)
(Project) Using react-redux (3:22)
(Quiz) react-redux
Folder Structure
(Project) Redux Folder Structure - Create React App (2:37)
(Project) Redux Folder Structure - Actions (5:10)
(Project) Redux Folder Structure - Reducers (3:18)
(Project) Redux Folder Structure - Middleware (2:07)
(Project) Redux Folder Structure - Components (3:30)
(Project) Redux Folder Structure - The Store (2:17)
Other Folder Structure Patterns
Hooks
Why React Hooks? (13:40)
Redux Hooks
(Quiz) Redux Hooks
(Project) Refactor (7:37)
Real World Redux
(Project) Introduction to Polls (1:50)
(Project) Starter Code (2:16)
(Project) Authed User (5:51)
(Project) Users (3:24)
(Project) Loading (3:20)
(Project) Polls (11:14)
(Project) Answers (6:48)
(Project) Shared (4:36)
(Project) Logger (2:27)
(Project) Leaderboard (4:40)
(Project) Dashboard (7:54)
(Project) Add Poll (8:27)
(Project) Routes (4:17)
(Project) Poll (10:29)
Next Steps
Next Steps (3:32)
(Project) Redux Folder Structure - Components
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock