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

React Challenges

Enroll for freeGet started!

Join 2051 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Daniel Rose

with Daniel Rose

Course level: Intermediate

Transform your coding skills and unlock your success through real-world problem-solving across 40 immersive challenges.

What's inside

This course contains 82 interactive scrims

two girls
React Challenges

82 lessons9 hours 45 min

1. React Challenges: Intro
5:51
2. Video Game Button: Challenge
2:46
3. Video Game Button: Solution
6:18
4. React Study Buddy: Challenge
1:27
5. React Study Buddy: Solution
4:07
6. RPG Character Creator: Challenge
4:43
7. RPG Character Creator: Solution
3:17
8. World's Most Annoying Form: Challenge
1:52
9. World's Most Annoying Form: Solution
9:15
10. The Legend of Scrimba: Challenge
3:11
11. The Legend of Scrimba: Solution
6:23
12. Math-o-Matic Quiz Generator: Challenge
3:04
13. Math-o-Matic Quiz Generator: Solution
7:55
14. Simple Food Restaurant: Challenge
3:50
15. Simple Food Restaurant: Solution
15:22
16. Haunted House Real Estate: Challenge
5:45
17. Haunted House Real Estate: Solution
6:59
18. Original Calculator: Challenge
5:09
19. Original Calculator: Solution (Updated)
11:08
20. Top 100 Colors: Challenge
2:57
21. Top 100 Colors: Solution
6:39
22. Enemies in the Castle: Challenge
5:07
23. Enemies in the Castle: Solution
8:42
24. Word Power: Challenge
2:05
25. Word Power: Solution
11:07
26. Million Dollar Bank Account: Challenge
1:48
27. Million Dollar Bank Account: Solution
8:34
28. Save the Dashboard: Challenge
3:02
29. Save the Dashboard: Solution
9:00
30. Stock Tracker: Challenge
4:26
31. Stock Tracker: Solution
9:14
32. Weird Wikipedia Articles: Challenge
5:00
33. Weird Wikipedia Articles: Solution
5:25
34. Fire Starter: Challenge
4:21
35. Fire Starter: Solution (Updated)
10:51
36. Mood Tracker: Challenge
5:36
37. Mood Tracker: Solution
11:31
38. AutoComplete: Challenge
4:26
39. AutoComplete: Solution
11:59
40. Anti-Motivational Quote App: Challenge
3:41
41. Anti-Motivational Quote App: Solution
7:00
42. Frontend Birthday Cards: Challenge
1:55
43. Frontend Birthday Cards: Solution
12:06
44. File Uploader: Challenge
1:49
45. File Uploader: Solution
6:26
46. Photo Editor: Challenge
1:54
47. Photo Editor: Solution
12:58
48. Spam Newsletter: Challenge
5:04
49. Spam Newsletter: Solution
8:03
50. Weather App: Challenge
3:12
51. Weather App: Solution
8:58
52. Read-Me-Later: Challenge
4:03
53. Read-Me-Later: Solution
18:20
54. Finger Strength Test: Challenge
5:39
55. Finger Strength Test: Solution
7:33
56. Boredom Blaster 3000: Challenge
1:57
57. Boredom Blaster 3000: Solution
8:46
58. Sonnet Central: Challenge
1:58
59. Sonnet Central: Solution
14:53
60. Virtual Reality Site Enter Button: Challenge
5:32
61. Virtual Reality Site Enter Button: Solution
7:45
62. Emoji Personality Test: Challenge
4:54
63. Emoji Personality Test: Solution
8:06
64. Employee Spying Program: Challenge
5:33
65. Employee Spying Program: Solution
9:46
66. ScrimbaFest: Challenge
7:03
67. ScrimbaFest: Solution
7:54
68. Legit File Sharing Site Download Button: Challenge
5:46
69. Legit File Sharing Site Download Button: Solution
14:15
70. Broken Clock: Challenge
2:27
71. Broken Clock: Solution
10:20
72. Sketch-o-Matic: Challenge
6:05
73. Sketch-o-Matic: Solution
10:27
74. Debatable: Challenge
3:00
75. Debatable: Solution
24:27
76. Pookémon: Challenge
6:55
77. Pookémon: Solution
14:14
78. Scrimbatronic: Challenge
5:34
79. Scrimbatronic: Solution
18:54
80. Space Warrior: Challenge
5:29
81. Space Warrior: Solution
20:40
82. React Challenges: Outro
3:25

You'll learn

DOM manipulation

Conditionals

className

State

State setting

Objects and arrays

Forms and inputs

Default Form Data

onFocus

Mouse interactions

UX optimizations

preventDefault()

useEffect()

Converting JS to React

Code organization

Props

Array methods

Writing tests

Destructuring

Writing efficient code

Prop reduction

State verification

localStorage

Dynamically-generated values

Iterative code

Dynamic components

Styles in React

Dealing with duplication

dataset

APIs in React

Submitting data

Filtering data

Audio in React

Working with times

man

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and React. Below are our suggested resource to get you up to speed.

Meet your teacher

The course creator

Daniel Rose

React enthusiast, vanilla JS appreciator, CSS aficionado, and I’ve run out of words in my thesaurus, so I’ll leave it that! Outside of coding, my passions are music, books, education, dogs, and everything else with fur, feathers, or scales. I'm a big believer in active, hands-on learning, which is what drew me to Scrimba as both a former student and now a teacher! I remember feeling bad about myself and doubtful of my abilities when I first started trying to learn to code elsewhere, and I really want to help other people avoid that experience and feel empowered and confident with this stuff!

Why this course rocks

This course is designed to elevate you from React learner to React developer.

With more than 40 interactive, real-world challenges, you will test your understanding of React's fundamental concepts and enhance your ability to solve problems.

Every challenge in the series is designed to mimic a real coding scenario, providing a practical and hands-on approach for an effective learning experience.

These include a consent form, calculator, dashboard, blog, tracker, file uploader, weather app, clock, etch-a-sketch, and various games. 

This course provides immersive tasks that will give you the necessary knowledge, confidence, and experience to work effectively with production codebases and projects utilizing React.

The challenges included in the course cover a huge range of topics which are specifically designed to prepare you for success with React and in your coding career.

After completing each challenge, you can compare your solution with the one provided by our React expert. This will give you the opportunity to learn from their expertise and experience, as if you were programming together as a pair.

By the end of the course, you will have a comprehensive understanding of React and its many capabilities, as well as practical experience in using React to develop games, apps, features, and tests.

React knowledge at the ready? Let's get started.