Advanced React

Enroll for free Get started!

Join 15208 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.

This bootcamp includes

12 hours - 126 lectures

Tons of interactive challenges

Certificate of completion

with Bob Ziroll

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

What's inside

This course contains 128 interactive screencasts spread across 9 modules.

Introduction

7 lessons 41 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 lessons1 hour 55 min

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 lessons1 hour 12 min

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 Router

16 lessons1 hour 27 min

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 lessons2 hours 15 min

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.

Meet your teacher

The course creator

Bob Ziroll

Head of Education at Scrimba. Passionate about learning 📚, helping others achieve their career goals 👩‍💻, tennis 🎾, woodworking 🪑, and my family 👨‍👩‍👦‍👦.

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.

Enroll 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