Courses
All courses
AI Path
Frontend Path
Pricing
Courses
Log in
For Teams
Courses
All courses
AI Path
Frontend Path
Pricing
Pricing
Create Account
Log in
Go Pro!
Courses
All courses
AI Path
Frontend Path
Karma
Dashboard
Connect to Discord
Find a course
Settings
New scrim
Log out
Learn React for free
This playlist contains 59 interactive scrims.
Learn React for free
59 lessons
5 hours 57 min
1. Course Introduction & Learning Philosophy
6:40
2. What we'll be building
0:58
3. Frontend Career Path
1:58
4. Why use React?
2:56
5. ReactDOM & JSX
6:49
6. ReactDOM & JSX Practice
4:11
7. React Functional Components
3:52
8. React Functional Components Practice
5:05
9. OUT NOW: The React Bootcamp 🔥
1:53
10. Move Components into Separate Files
5:20
11. React Parent/Child Components
8:03
12. React Parent/Child Component Practice
4:53
13. React Todo App - Phase 1
2:31
14. Styling React with CSS Classes
5:00
15. Some Caveats
2:13
16. JSX to JavaScript and Back
3:53
17. React Inline Styles with the Style Property
7:05
18. React Todo App - Phase 2
3:17
19. React Props Part 1: Understanding the Concept
2:08
20. React Props Part 2: Reusable Components
2:28
21. React Props
12:05
22. React Props and Styling Practice
10:41
23. Mapping Components in React
7:57
24. Mapping Components Practice
6:25
25. React Todo App: Phase 3
4:28
26. Class-based Components
5:10
27. Class-based Components Practice
3:34
28. React State
4:51
29. React State Practice
3:32
30. React State Practice 2
4:09
31. React Todo App: Phase 4
2:01
32. Handling Events in React
3:42
33. React Todo App: Phase 5
1:13
34. React setState: Changing the State
12:15
35. React Todo App: Phase 6
7:40
36. React Todo App: Phase 6.1 😑🙄
2:42
37. React Lifecycle Methods Part 1
9:25
38. React Lifecycle Methods Part 2
3:18
39. Lifecycle Methods Part 3 - componentDidUpdate
8:34
40. React Conditional Render
11:14
41. React Conditional Render Part 2
2:50
42. React Conditional Render Practice
8:32
43. React Todo App: Phase 7
2:30
44. API Update: Please watch before proceeding
1:26
45. Fetching data from an API with React
10:55
46. React Forms Part 1
12:06
47. React Form Part 2
15:21
48. React Form Practice
20:13
49. React Container & Component Architecture
11:20
50. React Meme Generator Capstone Project
20:11
51. Writing Modern React Apps
6:03
52. Hooks Intro
1:44
53. useState() Part 1 - Creating State
7:18
54. useState() Part 2 - Changing State
7:45
55. useEffect() Part 1
8:01
56. useEffect() Part 2
10:16
57. React Project Ideas for Practicing
0:43
58. Conclusion - React Tutorial
2:50
59. Congratulations on Completing Learn React for Free 🥳
1:05