Save for later

The Modern React Bootcamp (Hooks, Context, NextJS, Router)

EXPANDED and UPDATED in June 2019 to include new sections on Next JS and Server-Side Rendering.

Welcome to the best online resource for learning React. Published in April 2019, this course is brand new and covers the latest in React.  This course follows the exact same React curriculum my in-person bootcamp students follow in San Francisco, where students have gone on to get jobs at places like Google, Apple, Pinterest, & Linkedin.  This is the most polished React course online, and it's the only course that is based on REAL bootcamp curriculum that has been tried and tested in the classroom.

This course builds up concepts one at a time, cementing each new topic with an expertly designed exercise or project to test your knowledge. It includes a huge variety of beautiful exercises, projects, and games that we create together from scratch.  Sometimes we mix things up and give you a broken React app and ask you to fix it or optimize the code. Check out the promo video to see a couple of the course exercises. The course culminates in one huge capstone project, which is the largest project I've ever built for any of my online courses.  I'm really excited about it :) 

React is the most popular JS library around, and there's never been a better time to learn it. Companies all over the world are turning to React to help manage their JavaScript chaos, including tech giants like Facebook, Airbnb, and Uber.  React is consistently voted the most loved and most wanted front-end framework by developers, and it's clear why. React is a joy to use, and it makes writing maintainable and modular JavaScript code a breeze.

If you're new to frameworks, React is the ideal first framework to learn. It's easy enough to learn the basics, but it doesn't teach you bad habits. Even if you've already enrolled in another React course, this course is worth your time for the exercises and projects alone.   This curriculum is the product of two years of development and iteration in the bootcamp classroom.   All the lectures, exercises, and projects have been tweaked and improved based on real student feedback. You won't find anything else online as structured and polished as this course.

The highlights:

  • Learn React, from the very basics up to advanced topics like Next JS, React Router, Higher Order Components and Hooks and the Context API.

  • Build one massive capstone application, complete with drag & drop, animations, route transitions, complex form validations, and more.

  • Learn the latest in React, including Hooks (my favorite part of React. ).  We build a complete app using Hooks, including multiple custom hooks.

  • Learn state management using the useContext and useReducer hooks, to mimic some of the functionality of Redux.

  • You get tons of detailed handouts and cheatsheets that you can refer back to whenever you need to.   Think of this as a React textbook you can study at any point if you get tired of videos.

What you get:

  • 250+ videos

  • Slick, interactive slide decks custom made for each section

  • Detailed handouts and cheatsheets, the React "textbook".

  • Dozens of exercises, projects, and quizzes.

  • One massive code-along project with nearly 20 different React components.

  • Free Webpack Mini Course.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy.

Get a Reminder

Not ready to enroll yet? We'll send you an email reminder for this course

Send to:


Rating 4.8 based on 193 ratings
Length 39 total hours
Starts On Demand (Start anytime)
Cost $9
From Udemy
Instructor Colt Steele
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Get an email reminder about this course

Send to:

Similar Courses

What people are saying

According to other learners, here's what you need to know

so far in 22 reviews

Colt is my favorite instructor here so far.

Great content so far.

I've been through six sections of the course already and I'm really loving it so far.

I'm really happy with the course so far!

I'm only up to the Pokedex part so can't give a complete review but so far it seems like a well presented course.

I usually wait until I've completed a course before leaving a rating but, based on what I've seen so far and the level of detail Colt has gone into, particularly with resources, this course is excellent.

So far this course is great.

Read more

web dev in 13 reviews

I have 1 year experience with Web Development.

I was a computer science major in college and strayed away from web development because of one terrible class.

In my humble view he is the best instructor, with the best content for web development on Udemy or any of the other online platforms.

Colt's course is as good as his Complete Web Dev Course.

I bought his Web Development Bootcamp and loved it!!

Been a fan since his first web dev course.

At this point I've gone through a bunch of Web Development related courses from other instructors(and other sites) and what I've learned is no teacher is as good as Colt!

Read more

easy to follow in 7 reviews

If you have no experience in React but need someone who is really easy to follow, Colt is really the person you are looking for.

It's been very easy to follow so far.

Very thorough and easy to follow teaching style.

Because of the detailed videos and notes the examples and material are easy to follow and do - basically everything I needed so far has been explained in the videos and the course notes so I'm just getting on with it which is exactly what I wanted.

I find Colt's style of explaining things to be refreshing and easy to follow.

Easy to follow and entertaining!

Read more

course from colt in 7 reviews

Another incredible course from Colt Steele.

Another fantastic course from Colt.

Great course from Colt, as usual.

I know this because this is the third course from Colt that I'd purchase and I chose to wait for this course before picking up react.

If it's a course from Colt, it's going to be worth every bit of a 5-star rating!

This is the 6th course from Colt that I've purchased.

Maybe update the code in the star example Another great course from Colt.

Read more

put into in 5 reviews

Also, the many exercises that come along with every main topic are really well designed to make sure you put into practice the concepts learned in the lectures.

You can clearly tell that a lot of work has been put into making this course, so rest assured, you will get your money's worth.

There is 200% effort that he put into this that i have NEVER seen another Udemy instructor put in there.

Fairly complex concepts but good intro I'm sure will be put into practice soon :) good Yes i buy colt steele courses.

Read more

teaching style in 5 reviews

I like his teaching style, the speed of the lessons, the large amount of information and projects, and the great support.

I love the Colt teaching style, diving deeper into the core concept, engaging exercise, and practical things.

I really like Colt's teaching style, and highly recommend that everybody should give him a try.

Read more


An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Research Technologist, Laboratory Automation & Next-Generation Sequencing $37k

Teach Detroit’s Next Generation of Leaders. Apply Today! $48k

Next Business Day Technician $53k

React JS & Node JS Developer $60k

PHP Developer, Symfony2, JS, OOP $66k

Staff Next Generation Writer $69k

Startup Weekend & Startup NEXT Mentor/Advisor $79k

Node JS Developer / SME $81k

Web Developer (JS) Contractor $101k

Web Developer (JS) $104k

Program manager, Next Generation Visualization $135k

R&D Engineering Manager, Next-Gen 3D Products $194k

Write a review

Your opinion matters. Tell us what you think.


Rating 4.8 based on 193 ratings
Length 39 total hours
Starts On Demand (Start anytime)
Cost $9
From Udemy
Instructor Colt Steele
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now