The React Bootcamp

Unlock CourseGet started!

Join 7913 other students

Log in to get

Access to 30+ free courses
New courses added monthly
Weekly coding challenge
Join a friendly community
Unlock Course
Subscribe to access!

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

This bootcamp includes

12 hours - 126 lectures
Tons of interactive challenges
Certificate of completion
Subscribe now!
The course creator Bob Ziroll

with Bob Ziroll

7913 students enrolled

Course level: Advanced

The best learning experience paired with a world-class instructor. This massive course aims to turn you into hireable React developer as fast as humanly possible.

What's inside

This course contains 128 interactive screencasts spread across 9 modules.

two girls
Introduction

7 lessons - 41 min

1. Course Introduction and Overview
9:25
2. Setting the stage with modern JavaScript features
6:59
3. React.Fragment
5:18
4. Default Props
5:30
5. Prop Types
8:27
6. defaultProps and propTypes Practice
5:27
7. Feedback - Intro
0:46
Reusability

14 lessons - 1 hour

1. Code Reuse in React
4:33
2. React Children
9:18
3. Challenge: React Children
6:44
4. Higher Order Components (HOCs) Part 1
4:16
5. Higher Order Components (HOCs) Part 2
7:47
6. Challenge: Higher Order Components (HOCs)
5:38
7. Higher Order Components (HOCs) Part 3
26:00
8. Render Props Part 1
4:59
9. Render Props Part 2
13:54
10. Render Props Part 3
19:15
11. IMPORTANT: Please watch before continuing the course
0:29
12. Challenge: Render Props
7:57
13. React's Tree Rendering 🌳
4:29
14. Feedback - Reusability
0:20
Performance

5 lessons - 38 min

1. What is "Shallow Comparison"?
9:23
2. shouldComponentUpdate()
11:33
3. React.PureComponent
7:15
4. React.memo()
10:06
5. Feedback - Performance
0:20
React Context

11 lessons - 1 hour

1. Context Intro
6:24
2. Context Provider
4:01
3. contextType
7:00
4. Challenge: Context Practice 1
5:29
5. Context.Consumer
12:12
6. Challenge: Context Practice 2
3:17
7. Move Context Provider to its own component
8:41
8. Challenge: Changing Context
6:36
9. Challenge: Context Practice 3
14:08
10. Context Conclusion
4:02
11. Feedback - Context
0:20
React Hooks

21 lessons - 2 hours

1. Hooks Intro
3:06
2. useState() Part 1 - Creating State
7:18
3. useState() Part 2 - Changing State
7:45
4. useState() Part 3 - Changing More Complex State
8:33
5. useEffect() Part 1
8:01
6. useEffect() Part 2
9:13
7. Speed Typing Game Intro
2:04
8. Speed Typing Game Part 1
2:58
9. Speed Typing Game Part 2
3:58
10. Speed Typing Game Part 3
7:17
11. Speed Typing Game Part 4
6:01
12. Speed Typing Game Part 5
6:49
13. Speed Typing Game Part 6
12:57
14. useRef
5:03
15. Speed Typing Game Part 7
5:11
16. useContext()
6:38
17. Hooks Practice - refactor themeContext
5:23
18. Custom Hooks
10:22
19. Custom Hooks practice - refactor toggler
11:08
20. Speed Typing Game Part 8
6:49
21. Feedback - Hooks
0:20
React Router

16 lessons - 1 hour

1. Intro to React Router
6:35
2. React Router - BrowserRouter
3:30
3. React Router - Link
3:19
4. React Router - Switch & Route
8:03
5. Challenge: React Router
4:33
6. React Router - props passed to routed components
4:17
7. NOTE: watch this before proceeding
1:16
8. React Router Nested Routes
7:39
9. React Router useParams
14:25
10. React Router useRouteMatch
5:35
11. React Router useHistory
5:07
12. React Router useLocation
2:54
13. React Router - Redirect
7:13
14. Challenge: React Router Practice Part 1
5:02
15. Challenge: React Router Practice Part 2
7:55
16. Feedback - Router
0:20
Capstone Project

22 lessons - 1 hour

1. What we're building
5:20
2. Update: Please watch before proceeding
1:22
3. React Router Setup
5:30
4. Context Setup
4:06
5. Context State
1:24
6. Fetch Photos
3:39
7. Map Photos
10:24
8. Track Hover State
2:41
9. Display Icons on Hover
3:31
10. Toggle isFavorite
8:55
11. Display Favorites
3:56
12. Image propTypes
4:23
13. Add Image to Cart
3:17
14. Indicate When Image is Already in Cart
5:58
15. Remove From Cart
4:28
16. Update Header Cart Icon
3:27
17. Cart Page Setup
5:04
18. Remove Items from Cart Page
2:07
19. Calculate Total Cost
3:07
20. Place Order
3:23
21. Minor UX Improvements
5:48
22. Custom Hover Hook
8:58
Redux

26 lessons - 2 hours

1. Redux Intro
8:38
2. Plain JS Redux - Overview
1:50
3. Plain JS Redux - Actions
1:39
4. Plain JS Redux - Action Creators
1:14
5. Plain JS Redux - Reducer
5:43
6. Plain JS Redux Practice 1
5:58
7. Plain JS Redux - Creating the Store
1:30
8. Plain JS Redux - subscribe and getState
1:37
9. Plain JS Redux - dispatch
5:15
10. Plain JS Redux - Payload in action creators
5:30
11. Plain JS Redux - Handling more complex state
7:04
12. Plain JS Redux - Practice
5:34
13. Plain JS Redux - Even more complex state
6:51
14. Plain JS Redux - combineReducers Part 1
10:33
15. Plain JS Redux - combineReducers Part 2
10:01
16. Plain JS Redux Practice 1
3:52
17. Plain JS Redux Practice 2
8:41
18. Redux in React - Setup & Practice
3:18
19. Redux in React - react-redux & Provider
3:39
20. Redux in React - connect()
4:22
21. Redux in React - mapStateToProps
6:14
22. Redux in React - mapDispatchToProps
6:34
23. Redux in React - useSelector()
3:11
24. Redux in React - useDispatch()
3:13
25. Redux in React - Redux Thunk
12:59
26. React Bootcamp Feedback - Redux
0:20
Getting hired

6 lessons - 25 min

1. Getting Hired
9:21
2. Getting Hired - Edabit
2:41
3. Getting Hired - CodeSignal
2:13
4. Getting Hired - Pramp
2:01
5. Getting Hired - Problem Solving
5:59
6. Course Conclusion
3:32

You'll learn

React Hooks

React Router

Redux in React

Plain JS Redux

React Context

Render props

Job interview strategies

Higher order components

React Fragment

defaultProps & propTypes

shouldComponentUpdate()

PureComponent

React.memo()

Children

Optimization

And a lot more!

You'll build

screenshot

The PicSome webshop

Build a neat eCommerce site that pulls all your new knowledge together. The capstone project of the course.

screenshot

Speed Typing Game

Build a fun game that tests your typing skills, and turns you into a React Hooks master.

man

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and React. You should be familiar with JavaScript data types, functions, and classes, and some ES6. As for React, you should also be comfortable with JSX, event handlers, and how to use state and props in your components.

Meet your teacher

The course creator

Bob Ziroll

Head of Education at Scrimba. Passionate about learning, creating cool stuff, and helping others achieve their career goals.

Follow me on twitter

Why this course rocks

This course will teach you the skills you need in order to become a professional React developer.

The curriculum has been carefully created to turn you into a hireable candidate.

How do we know what level is hireable?

Well, our instructor Bob Ziroll has turned hundreds of students into professional front-end developers as the Head of Education at V School, a top technology bootcamp in Utah.

Many of Bob’s students got React jobs, so he knows better than anyone what it takes to turn someone into a hireable React developer.

Why do people learn faster from this course?

This course will take full advantage of Scrimba's innovative, interactive code-learning experience.

As soon as you've learned a new concept, you'll jump into the code and solve a challenge to make sure that the knowledge sticks with you. It's almost as if you and instructor Bob Ziroll are pair-programming together!

This kind of fast-paced interactivity simply isn't possible with any other platform than Scrimba, and it's been praised by our students from day one.

This approach helps you to build the muscle memory you need to become an effective developer.

Why React?

By learning React, you'll drastically increase your chances of getting a job as a front-end developer, as the current demand for React developers by far outstrips the supply. 

Enrol now if you're ready to give your career a boost!

This course is also a part of our hugely popular Front-End Developer Career Path, which aims to teach you everything you need to know to land a role as a Junior Frontend Developer. Why not check that out, too?

F to the A oracle to the Q

What are the prerequisites?

You should be comfortable with HTML, CSS, and JavaScript. You should also know basic React, like components, props, state & JSX. If you've taken Bob's intro React course here on Scrimba, you're good to go.

Do I have to pay with credit card?

We also support PayPal. Click the buy button and you'll get the opportunity to choose between credit card (via Stripe) or PayPal.

Will I get a receipt?

Yes, you'll get a receipt with the name of the product sent via email. It might take a few minutes before you get it, so please be patient.

Help! I purchased the course, but the course is still locked.

First, try refreshing the page. If that doesn't work, make sure you're logged in with the same account you bought the course with (we support both GitHub and email authentication). If that doesn't solve it, send an email to help@scrimba.com and we'll fix it asap.

I have another question!

Sure! Just shoot us an email at help@scrimba.com

Join our JavaScript cohort
Browse Courses
All coursesThe Frontend Career Path

Not sure where to start?

Take our quiz to find your perfect course.
Sign up / Log inSign up / Log in
Browse Courses
All coursesThe Frontend Career Path

Not sure where to start?

Take our quiz to find your perfect course.
Create AccountCreate AccountLog in
Join our JavaScript cohortGo Pro!
Browse Courses
All coursesThe Frontend Career Path

Not sure where to start?

Take our quiz to find your perfect course.
DashboardConnect to DiscordFind a courseBillingSettingsNew scrim
Log out
HomeDiscord Twitter YouTube

Resources

BlogFAQTermsPrivacy

Courses

All courses Intro coursesLearn JavaScriptLearn React

Company

About usContact usSupport chatGift membership

Built with Imba