watching now
3 Students

Description

What Will You Learn?

  • Master the React fundamentals and principles
  • Learn Firebase with React and Redux
  • How to build applications with React and Redux

Requirements

  • Basic understanding of Javascript and HTML
  • ES6+ JavaScript knowledge is beneficial but not a must-have
  • NFT Certificate
  • 145 Lessons
  • Beginner
  • English
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 18h 12min of content, in total.

Section 2: Components
58:00
React es6 class webpack-dev-server
11:19
React Components
07:29
React Components Part 2
09:04
React Components Validators
14:24
Section 3: States
52:33
React State Part 1
12:03
React States Part 2
04:39
React States Part 3
06:01
React State Part 4
13:14
React State Part 5
05:07
React State componentWillUnmount
06:34
React State Webpack Hot Reloading
04:55
Section 4: Event Handling
41:16
React Event Handling Part 1
12:58
React Event Handling Part 2
04:26
React Event Handling Part 3
03:57
React Event Handling Part 4
13:00
React Event Handling Part 5
06:55
Section 5: Routers
1:27:42
React Props.children
06:02
React Redirects
01:37
React Router Profile
06:48
React Router Back Button
03:26
React Router Activeclassname
05:23
React Router Active Inline Styles
02:57
React Router Navlinks Components
10:14
React Router
12:28
React Router Direct URL
04:20
React Router Wildcard
02:29
React Router Indexroute
06:04
React Router Profile
04:11
React Router Nested Routes
06:32
React Router User Profile
07:37
React Router Redirects
07:34
Section 6: Refactoring
10:24
React Slight Refactoring
05:26
React Slight Refactoring (Cont'd)
04:58
Section 7: Product Components
44:22
React Products Component Part 1
09:31
React Products Component Part 2
04:23
React Products Components Part 3 v2
07:30
React Products Component Part 4
07:21
React Products Component Part 5
06:40
React Products Component Part 6
08:57
Section 8: CSS
1:13:43
React Basic CSS Framework
05:12
React CSS Extract to Separate file
08:22
React CSS Extract to Separate file (Cont'd)
01:41
React Basic CSS Framework (Cont'd)
07:52
React CSS Modules
10:49
React CSS Styling Part 1
09:01
React CSS Styling Part 2
08:27
React CSS Styling Part 3
07:22
React CSS Styling Part 4
07:00
React CSS Stylings Part 5
03:33
React CSS Styling Part 6
04:24
Section 9: Redux
58:23
Intro to Redux Part 1
09:25
Intro to Redux Part 2
07:58
Intro to Redux Part 3
07:15
Intro to Redux Part 4
04:22
Redux Store
08:33
Redux Store (Cont'd)
03:04
Redux Store Subscribe
04:52
Redux Store Subscribe (Cont'd)
03:09
Redux Combine Reducers
09:45
Section 10: Adding Redux to React
1:04:38
Adding Redux To React Part 1
27:28
Adding Redux To React Part 2
03:31
Adding Redux to React Part 3
10:45
adding Redux to React Part 4
10:27
Delete Names
07:41
Babel and Spread Operators
04:46
Section 11: Profiles
1:07:58
Action Creators
10:24
Profile Page
16:39
Dispatch and onEnter
07:34
Refactor into Separate Files
03:43
Refactor into Separate files (Cont'd)
01:25
Product Page
13:17
Product Profile Page
14:56
Section 12: createStore
19:03
Initial State in createStore
06:35
Initial State in createStore (Cont'd)
03:57
Adding Generated Names with Faker
08:31
Section 13: Get Functions
1:15:37
Fake Backend and Middleware
15:06
Add Random Name (Cont'd)
04:39
Thunk Middleware
16:15
Thunk Checking State
06:24
Get Profile Part 1
08:54
Get Profile Part 2
04:47
Get Profile Part 3
04:18
Get Profile Part 4
03:22
Get Names Refactor
05:47
Add Random Name
06:05
Section 14: Error Handling
35:56
Refactor Name Reducers
06:57
Using Actions
02:44
Error Handling Part 1
10:12
Error Handling Part 2
07:04
Error Handling Part 3
08:59
Section 15: Products Lists and Profiles
39:40
Product List
13:25
Product List (Cont'd)
03:04
Product Profile
10:54
Product Profile (Cont'd)
04:05
Error Handling Refactor
04:57
Error Handling Refactor (Cont'd)
03:15
Section 16: Loading Spinner
27:55
Loading Spinner
09:16
Loading Spinner (Cont'd)
07:15
Error Component
11:24
Section 17: Reviews
1:18:26
Adding Reviews Part 1
23:01
adding Reviews Part 2
11:32
Adding Reviews Part 3
10:49
Adding User Reviews
19:46
Refining Review Containers Part 1
03:53
Refining Review Containers Part 2
03:25
Refining Review Containers Part 3
06:00
Section 18: Prototypes and Error Handling
58:27
Adding Prototypes
28:58
Adding Prototypes (Cont'd)
14:23
Action Types
06:40
Refactoring Error Handling
06:28
Refactoring Error Handling (Cont'd)
01:58
Section 19: Hot Reloading
38:43
Migrating to Webpack2
07:15
Hot Reloading
05:43
Hot Reloading (Cont'd)
09:32
HTML Webpack Plugin
04:49
Simple Production Build
07:34
Dev Config File Update
03:50
Section 20: Final Touches
1:45:51
Final Style Part 1
07:14
Styling Product Profile Part 1
06:15
Styling Product Profile (Cont'd)
05:06
Styling Review
05:03
Styling Review (Cont'd)
02:16
Styling Continued
01:59
Styling Namelist Part 1
03:41
Styling Namelist Part 2
03:34
Styling Namelist Part 3
01:44
Styling Layout Footer
05:45
Styling Layout footer (Cont'd)
02:35
Final Styling Part 2
04:07
General Layout Styling
05:08
General Layout Styling (Cont'd)
01:07
Font Work and More Styling
17:11
Final Styling Part 3
10:54
Final Styling Part 4
03:58
Final Styling Part 5
02:40
Styling NavBar
02:34
Styling Product List Part 1
06:07