The React Bootcamp

Unlock Course Get started!

Join 6670 other students

Sign in to get

Access to 30+ free courses

New courses added monthly

Weekly coding challenges

Huge discord community

Exclusive chat access

Subscribe to access!Black Friday discount

Get access to this course and ALL other Scrimba courses at great value. Our 30-day money back guarantee makes this risk free for you.

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

Subscribe now!62% covid discountSubscribe to access with 62% covid discount.

with Bob Ziroll

6670 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.

▼

Introduction

7 lessons - 42 min

1. Course Introduction and Overview

2. Setting the stage with modern JavaScript features

3. React.Fragment

4. Default Props

6. defaultProps and propTypes Practice

7. Feedback - Intro

▼

Reusability

14 lessons - 1 hour

1. Code Reuse in React

2. React Children

3. Challenge: React Children

4. Higher Order Components (HOCs) Part 1

5. Higher Order Components (HOCs) Part 2

6. Challenge: Higher Order Components (HOCs)

7. Higher Order Components (HOCs) Part 3

8. Render Props Part 1

9. Render Props Part 2

10. Render Props Part 3

11. IMPORTANT: Please watch before continuing the course

12. Challenge: Render Props

13. React's Tree Rendering 🌳

14. Feedback - Reusability

▼

Performance

5 lessons - 38 min

1. What is "Shallow Comparison"?

2. shouldComponentUpdate()

3. React.PureComponent

4. React.memo()

5. Feedback - Performance

▼

React Context

11 lessons - 1 hour

1. Context Intro

2. Context Provider

4. Challenge: Context Practice 1

5. Context.Consumer

6. Challenge: Context Practice 2

7. Move Context Provider to its own component

8. Challenge: Changing Context

9. Challenge: Context Practice 3

10. Context Conclusion

11. Feedback - Context

▼

React Hooks

21 lessons - 2 hours

2. useState() Part 1 - Creating State

An intro to useState, which is our application's way of managing state.

3. useState() Part 2 - Changing State

Convert a class component to a functional one using hooks, and also learn to change the state using useState().

4. useState Part 3 - Changing More Complex State

5. useEffect() Part 1

The useEffect() hook allows us to produce side effects in our component.

6. useEffect() Part 2

7. Speed Typing Game Intro

8. Speed Typing Game Part 1

9. Speed Typing Game Part 2

10. Speed Typing Game Part 3

11. Speed Typing Game Part 4

12. Speed Typing Game Part 5

13. Speed Typing Game Part 6

15. Speed Typing Game Part 7

16. useContext()

17. Hooks Practice - refactor themeContext

18. Custom Hooks

19. Custom Hooks practice - refactor toggler

20. Speed Typing Game Part 8

21. Feedback - Hooks

▼

React Router

16 lessons - 1 hour

1. Intro to React Router

2. React Router - BrowserRouter

3. React Router - Link

4. React Router - Switch & Route

5. Challenge: React Router

6. React Router - props passed to routed components

7. NOTE: watch this before proceeding

8. React Router Nested Routes

9. React Router useParams

10. React Router useRouteMatch

11. React Router useHistory

12. React Router useLocation

13. React Router - Redirect

14. Challenge: React Router Practice Part 1

15. Challenge: React Router Practice Part 2

16. Feedback - Router

▼

Redux

26 lessons - 2 hours

2. Plain JS Redux - Overview

3. Plain JS Redux - Actions

4. Plain JS Redux - Action Creators

5. Plain JS Redux - Reducer

6. Plain JS Redux Practice 1

7. Plain JS Redux - Creating the Store

8. Plain JS Redux - subscribe and getState

9. Plain JS Redux - dispatch

10. Plain JS Redux - Payload in action creators

11. Plain JS Redux - Handling more complex state

12. Plain JS Redux - Practice

13. Plain JS Redux - Even more complex state

14. Plain JS Redux - combineReducers Part 1

15. Plain JS Redux - combineReducers Part 2

16. Plain JS Redux Practice 1

17. Plain JS Redux Practice 2

18. Redux in React - Setup & Practice

19. Redux in React - react-redux & Provider

20. Redux in React - connect()

21. Redux in React - mapStateToProps

22. Redux in React - mapDispatchToProps

23. Redux in React - useSelector()

24. Redux in React - useDispatch()

25. Redux in React - Redux Thunk

26. React Bootcamp Feedback - Redux

▼

Getting hired

6 lessons - 25 min

1. Getting Hired

2. Getting Hired - Edabit

3. Getting Hired - CodeSignal

4. Getting Hired - Pramp

5. Getting Hired - Problem Solving

6. Course Conclusion

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.

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.

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

This course will teach you the skills to you need in order to become a professional React developer. The curriculum has been carefully created to turn you into a hireable canididate.

How do we know what level is hirable, you might ask? 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 these students got React jobs, so Bob 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 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.

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. So enroll now if you're ready to give your career a boost!

This course is also a part of our hugely popular Front-End Devloper Career Path.

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