The React Bootcamp

Unlock CourseGet started!

Join 7309 other students

Sign 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

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

The course creator

Meet your teacher

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

Go Pro!
All courses|Sign in
|Sign up
All courses
DashboardConnect to DiscordFind a courseBillingSettingsNew scrim
Sign out
Discord Twitter YouTube GitHub
ResourcesBlogFAQTermsPrivacy
CoursesAll courses Intro coursesLearn JavaScriptLearn React
CompanyAbout usContact usSupport chatGift membership
Built with Imba