Learn React for free

Unlock Course

Join 69720 other students

Sign in to get
Access to 30+ free courses
New courses added monthly
Weekly coding challenges
Huge discord community
Exclusive chat access
Unlock Course
Subscribe now$39 $19 per month
51% limited-time offer
Get access to this course and ALL other Scrimba courses at a record-low price. Keep your discount for as long as you subscribe.
Career Path includes
75+ hours of content
100s of coding challenges
Exclusive Study Group access
HTML, CSS, JS & React
Getting Hired section
30-day money-back guarantee
This course is for pro members onlyUnlock CourseUnlock Course
The course creator Bob Ziroll

with Bob Ziroll

69720 students enrolled

Course level: Intermediate

This tutorial course is the perfect starting point for aspiring React developers. You'll learn all the key concepts while building two apps and doing interactive coding challenges along the way.

What's inside

This course contains 58 interactive screencasts

two girls
Learn React for free
58 lessons - 5 hours
1. Course Introduction & Learning Philosophy
6:40
2. What we'll be building
0:58
3. Introducing The Frontend Developer Career Path
1:10
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

You'll learn

JSX
Props and state
Conditional rendering
Functional components
Class components
Styling components
Lifecycle methods
Fetching data from APIs
Handling events
Forms in React
Controlled components
Writing modern React
Local dev setup
React Hooks

You'll build

screenshot

Todo MVC

In this project you'll create an awesome todo app. It's a classic app which introduces you to the most important concepts of React.

screenshot

Meme Generator App

Memes are awesome so let's build a meme generator! It let's you speficy and image and a text and generated a meme.

man

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, and JavaScript. Here’s our suggested resources to get you up to speed.

The course creator

Meet your teacher

Bob Ziroll

Director of Education at V School. Passionate about learning, creating cool stuff, and helping others achieve their career goals.

Follow me on twitter

Why this course rocks

In this 57-part interactive tutorial, you'll learn how to build dynamic, interactive web applications with React.js in 2019. React is a JavaScript library for creating user interfaces. It has been created by the developers at Facebook and it excels in creating fast web applications using web components built with a simple-to-understand API.

The course is also filled with coding challenges that you'll complete by writing React code directly inside the Scrimba screencasts. Before you know it, you'll have written two first React JS applications! And you're in good company: over 50.000 students have enrolled in this course so far.

Many of them have pointed out on Twitter that this course is the best React tutorial they've went through.

V School Learning Philosophy

As the head of education at a tech school called V School in downtown Salt Lake City, Utah, I've formulated some philosophies about learning:

  • Learning should never be lonely - Take the course with friends if possible, and make use of the Q&A option to ask questions!
  • Learn by doing - Take advantage of Scrimba by frequently pausing the lesson and playing with the code. Then try to build things from your own computer using the stuff you just learned. And don't skip the practices!
  • Spaced learning and repetition is key - Give yourself time (days/weeks) to finish this course, and include lots of breaks. Don't try cramming it all in.

Contact Me

All constructive feedback is welcome! Feel free to tweet at me (@bobziroll) to let me know your thoughts.

Advanced React bootcamp

I've also created a follow-up course that tackles more advanced React topics. Click here to check it out!

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!

Upgrade now - 50% offer
Built with Imba