Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Introduction to React and Redux. Code Web Apps in JavaScript. (14 hours)
Introduction
Join Our Forum
Top 10 Things You Will Learn (5:19)
Common Pitfalls and Mistakes (5:03)
Quick Wins with React (5:36)
Webpack Version Explanation (To Be Watched Before Starting) (2:26)
Chapter 1: Introduction to React and JSX
1.1 - Introduction to React and JSX Part 1 (23:48)
1.2 - Introduction to React and JSX Part 2 (19:40)
1.3 - Introduction to React and JSX Part 3 (2:34)
1.4 - Introduction to React and JSX Part 4 (5:27)
Source Code 01: Setup
Chapter 2: Components
2.1 - Virtual DOM and Classes (15:43)
2.2 - ES6 Webpack Dev Server (11:19)
2.3 - React Components (7:28)
2.4 - React Components (Cont'd) (9:04)
2.5 - React Component Validators (14:24)
Source Code 02: Components
Chapter 3: States
3.1 - React States Part 1 (12:02)
3.2 - React States Part 2 (4:39)
3.3 - React States Part 3 (6:01)
3.4 - React State Part 4 (13:13)
3.5 - React State Part 5 (5:06)
3.6 - React States "componentWillUnmount" (6:34)
3.7 - React States Webpack Hot Reloading (4:54)
Source Code 03: States
Chapter 4: Event Handling
4.1 - React Event Handling Part 1 (12:57)
4.2 - React Event Handling Part 2 (4:26)
4.3 - React Event Handling Part 3 (3:57)
4.4 - React Event Handling Part 4 (12:59)
4.5 - React Event Handling Part 5 (6:54)
Source Code 04: Event Handling
Chapter 5: React Routers
5.1 - React Props.children (6:01)
5.2 - React Router (12:27)
5.3 - React Router Direct URL (4:19)
5.4 - React Router Wildcard (2:29)
5.5 - React Router "Indexroute" (6:04)
5.6 - React Router Profile (4:10)
5.7 - React Router Nested Routes (6:31)
5.8 - React Router User Profile (7:36)
5.9 - React Router Redirects (7:33)
5.10 - React Redirects (1:36)
5.11 - React Router Profile (6:48)
5.12 - React Router Back Button (3:25)
5.13 - React Router Activeclassname (5:22)
5.14 - React Router Active Inline Styles (2:57)
5.15 - React Router Navlinks Components (10:14)
Source Code 05: React Routers
Chapter 6: Refactoring
6.1 - React Slight Refactoring (5:25)
6.2 - React Slight Refactoring (Cont'd) (4:57)
Chapter 7: Products Components
7.1 - React Products Component Part 1 (9:31)
7.2 - React Products Component Part 2 (4:23)
7.3 - React Products Components Part 3 (7:29)
7.4 - React Products Component Part 4 (7:20)
7.5 - React Products Component Part 5 (6:39)
7.6 - React Products Component Part 6 (8:56)
Source Code 06 & 07: Refactoring and Product Component
Chapter 8: CSS
8.1 - React Basic CSS Framework (5:12)
8.2 - React Basic CSS Framework (Cont'd) (7:51)
8.3 - React CSS Modules (10:48)
8.4 - React CSS Styling Part 1 (9:01)
8.5 - React CSS Styling Part 2 (8:26)
8.6 - React CSS Styling Part 3 (7:21)
8.7 - React CSS Styling Part 4 (6:59)
8.8 - React CSS Stylings Part 5 (3:33)
8.9 - React CSS Styling Part 6 (4:23)
8.10 - React CSS Extract to Separate File (8:21)
8.11 - React CSS Extract to Separate File (Cont'd) (1:41)
Source Code 08: CSS
Chapter 9: Introduction to Redux
9.1 - Intro to Redux Part 1 (9:25)
9.2 - Intro to Redux Part 2 (7:57)
9.3 - Intro to Redux Part 3 (7:15)
9.4 - Intro to Redux Part 4 (4:22)
9.5 - Redux Store (8:32)
9.6 - Redux Store (Cont'd) (3:03)
9.7 - Redux Store Subscribe (4:52)
9.8 - Redux Store Subscribe (Cont'd) (3:09)
9.9 - Redux Combine Reducers (9:45)
Chapter 10: Adding Redux to React
10.1 - Adding Redux To React Part 1 (27:28)
10.2 - Adding Redux To React Part 2 (3:31)
10.3 - Adding Redux to React Part 3 (10:45)
10.4 - Adding Redux to React Part 4 (10:27)
10.5 - Delete Names (7:40)
10.6 - Babel and Spread Operators (4:46)
Source Code 09 & 10: Introduction to Redux and Adding Redux to react
Chapter 11: Redux Action Creator and Product Refactor
11.1 - Action Creators (10:23)
11.2 - Profile Page (16:39)
11.3 - Dispatch and onEnter (7:33)
11.4 - Refactor into Separate Files (3:43)
11.5 - Refactor into Separate files (Cont'd) (1:24)
11.6 - Product Page (13:16)
11.7 - Product Profile Page (14:56)
Source Code 11: Redux Action Creators and Product Refactor
Chapter 12: Redux State in createStore
12.1 - Initial State in createStore (6:34)
12.2 - Initial State in createStore (Cont'd) (3:57)
12.3 - Adding Generated Names with Faker (8:30)
Source Code 12: Redux State in createStore
Chapter 13: Redux Middleware and Async Dispatching
13.1 - Fake Backend and Middleware (15:06)
13.2 - Thunk Middleware (16:14)
13.3 - Thunk Checking State (6:24)
13.4 - Get Profile Part 1 (8:53)
13.5 - Get Profile Part 2 (4:46)
13.6 - Get Profile Part 3 (4:18)
13.7 - Get Profile Part 4 (3:22)
13.8 - Get Names Refactor (5:47)
13.9 - Add Random Name (6:04)
13.10 - Add Random Name (Cont'd) (4:39)
Source Code 13: Redux Middleware and Async Dispatching
Chapter 14: Redux Refactoring, Logging, and Error Handling
14.1 - Refactor Name Reducers (6:57)
14.2 - Using Actions (2:44)
14.3 - Error Handling Part 1 (10:11)
14.4 - Error Handling Part 2 (7:04)
14.5 - Error Handling Part 3 (8:59)
Source Code 14: Redux Refactoring, Logging, and Error Handling
Chapter 15: Products Lists and Profiles
15.1 - Product List (13:24)
15.2 - Product List (Cont'd) (3:04)
15.3 - Product Profile (10:54)
15.4 - Product Profile (Cont'd) (4:05)
15.5 - Error Handling Refactor (4:57)
15.6 - Error Handling Refactor (Cont'd) (3:14)
Source Code 15: Product Lists and Profiles
Chapter 16: Loading Spinner and Error Component
16.1 - Loading Spinner (9:16)
16.2 - Loading Spinner (Cont'd) (7:14)
16.3 - Error Component (11:24)
Source Code 16: Loading Spinner and Error Component
Chapter 17: Adding User-Written Reviews
17.1 - Adding Reviews Part 1 (23:01)
17.2 - Adding Reviews Part 2 (11:32)
17.3 - Adding Reviews Part 3 (10:48)
17.4 - Adding User Reviews (19:46)
17.5 - Refining Review Containers Part 1 (3:53)
17.6 - Refining Review Containers Part 2 (3:24)
17.7 - Refining Review Containers Part 3 (6:00)
Source Code 17: Adding User-Written Reviews
Chapter 18: Prototypes and Refactoring Error Handling
18.1 - Adding Prototypes (28:57)
18.2 - Adding Prototypes (Cont'd) (14:23)
18.3 - Action Types (6:39)
18.4 - Refactoring Error Handling (6:28)
18.5 - Refactoring Error Handling (Cont'd) (1:57)
Source Code 18: Prototypes and Refactoring Error Handling
Chapter 19: Updating to Webpack 2 And Building Production Abundle
19.1 - Migrating to Webpack2 (7:14)
19.2 - Hot Reloading (5:43)
19.3 - Hot Reloading (Cont'd) (9:31)
19.4 - HTML Webpack Plugin (4:48)
19.5 - Simple Production Build (7:34)
19.6 - Dev Config File Update (3:49)
Source Code 19: Updating to Webpack 2 And Building Production Abundle
Chapter 20: Styling the App
20.1 - Final Style Part 1 (7:13)
20.2 - Final Styling Part 2 (4:07)
20.3 - Final Styling Part 3 (10:53)
20.4 - Final Styling Part 4 (3:58)
20.5 - Final Styling Part 5 (2:40)
20.6 - Styling NavBar (2:33)
20.7 - Styling Product List Part 1 (6:06)
20.8 - Styling Product List Part 2 (5:18)
20.9 - Styling Product List Part 3 (1:34)
20.10 - Styling Product Profile Part 1 (6:15)
20.11 - Styling Product Profile (Cont'd) (5:06)
20.12 - Styling Review (5:03)
20.13 - Styling Review (Cont) (2:15)
20.14 - Styling Continued (1:58)
20.15 - Styling Namelist Part 1 (3:41)
20.16 - Styling Namelist Part 2 (3:34)
20.17 - Styling Namelist Part 3 (1:44)
20.18 - Styling Layout Footer (5:44)
20.19 - Styling Layout footer (Cont'd) (2:35)
20.20 - General Layout Styling (5:07)
20.21 - General Layout Styling (Cont'd) (1:07)
20.22 - Font Work and More Styling (17:11)
Source Code 20: Styling the App
Chapter 21: Epilogue
21 - Final Thoughts (2:50)
Get 155+ courses!
Source Code 15: Product Lists and Profiles
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience