scrimba
Learn React for free
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Learn React for free

This playlist contains 59 interactive scrims.

Learn React for free

59 lessons5 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

HomePlans & PricingTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba