The Modern React Bootcamp (Hooks, Context, NextJS, Router) (Udemy.com)

Just published! Follow the same curriculum I teach my students in SF. 10+ projects including one HUGE application!

Created by: Colt Steele

Produced in 2020

icon
What you will learn

  • React Hooks! (My favorite part of React!)
  • The new Context API
  • State management w/ useReducer + use Context (Redux Lite)
  • The basics of React (props, state, etc)
  • Master React Router
  • Build tons of projects, each with a beautiful interface
  • React State Management Patterns
  • Drag & Drop With React
  • Writing dynamically styled components w/ JSS
  • Common React Router Patterns
  • Work with tons of libraries and tools
  • Integrate UI libraries like Material UI and Bootstrap into your React apps
  • React Design Patterns and Strategies
  • Learn the ins and outs of JSS!
  • Learn how to easily use React to build responsive apps
  • Add complex animations to React projects
  • Debug and Fix buggy React code
  • Optimize React components
  • Integrate React with APIs
  • Learn the basics of Webpack in a free mini-course!
  • DOM events in React
  • Forms and complex valida

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 96 / 100

icon
Course Description

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!
Who this course is for:
  • Anyone brand new to React or front-end frameworks in general
  • Anyone who wants to build a portfolio of stunning React apps
  • Students struggling to learn React or looking for more practice
  • Anyone who wants to level up their developer skills and learn a highly in-demand skill!

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

Colt Steele

Hi! I'm Colt. I'm a developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.
Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating from my class, 94% of my students went on to receive full-time developer roles. I also worked at Udacity as a Senior Course Developer on the web development team where I got to reach thousands of students daily.
I've since focused my time on bringing my classroom teaching experience to an online environment. In 2016 I launched my Web Developer Bootcamp course, which has since gone on to become one of the best selling and top rated courses on Udemy. I was also voted Udemy's Best New Instructor of 2016.
I've spent years figuring out the "formula" to teaching technical skills in a classroom environment, and I'm really excited to finally share my expertise with you. I can confidently say that my online courses are without a doubt the most comprehensive ones on the market.
Join me on this crazy adventure!

icon
Reviews

4.8

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Great course, great teacher! All my web dev skills comes from this course and I'm easily building websites now. The projects are great, especially the big middle one where you create a very nice web app! 100% recommend

Excellent as usual! As suggestion I would like to see information about deployment and using React for adding some components to existing apps.

Colt's teaching style is absolutely great and this is an amazing course providing many detailed insights (JS, JSX, CSS styling, JSS, working with a ton of libraries/packages, hooks, routing, context, reducers, ...) and a lot of exercises and code-alongs which helped me very much to learn using react!!! I started as react beginner but am now feeling confident to apply the knowledge for building webpack-supported modern react apps for myself! Thanks so much, Colt!!!

This is a very good course and Colt is really good. For some people, it might seem like there is too much repetition during the course, but at some point, I realized that it actually helped me solidify all the basic concept and not have to search all the time how I should do all the basic stuff. I definitely recommend this course. Some might also complain that hooks are not well covered. I would agree that hooks should have had some more space, but still, there is enough material to understand the basic principles and, more importantly, to learn how you can refactor class-based code to functional code. Imho this course has one single "flaw": it does not cover deployment. So instead of the webpack bonus at the end, I would have preferred to have a couple of videos about deployment. But hey, in life we can't have all we want! :)But overall the course is top! I strongly recommend this course, especially for absolute beginners like myself.Thanks, Colt and I am looking forward for your next courses!

Good course. I love the way Colt Steel teaches. The course starts off gradually with small projects to increase basic understanding of React and ends it with a challenging and comprehensive project that brings all what we learned together.

Colt is a great teacher and this is a great course.The only downside is that things are constantly changing and there's not a lot of support for this course at the moment. Colt's last post in the announcement section said a teaching assistant was coming soonthat was 5 months ago. Not sure if anyone has been actively answering student questions since then. Thankfully, a lot of students have answering these questions. That said, it was still a great experience. Thanks, Colt.

Excellent course on React. Loved the bonus Webpack section at the end. If you are looking to understand the latest approaches to React, this is the course. Thank you Colt!

I like all of Colt's courses, I've taken pretty much all of them. I really like his explanation on why you do things and why it's done. I wish that we built the movie page with NextJS but not a big deal. Great course. Recommended!

This is the second course I have completed by Colt and I must say he is better than any tutor I ever had at university. This course covers many areas of React and I feel like I can confidently write a web application using the technologies he has shown during the 39 sections of this bootcamp. Well constructed challenges and code-alongs I feel I can go back to if I ever need a refresher.The small amount of negative feelings I have about this course is like the last one Colt produced, when it was coming towards the end I feel like it was rushed, and he just wanted to be done with it. I understand this is human as who wants to do the same thing forever. Also, there is way too much focus on styling and I feel it could have almost been half as long if styling wasn't in it. Although Colt does give good indication on when to skip a section if you don't care about something he is about to talk about. Lastly (as the time of this review being written) we don't have an Ian or other TAs to give instruction on what technologies have been updated. A big example of this is the material-ui parts that now use hooks in the latest version.To summarizeThe good:- Great well produced React bootcamp that engages to the end- Colt is an excellent teacher- Material is segmented very wellThe bad:- Felt kind of rushed towards the end. No challenges after the color app.- As yet no TA support even though Colt said it was on the way 5 months ago.- Too much time spent on styling.The ugly:- Sections where you needed to depend on google or user comments to figure something out due to unforeseen changes.

Colt is amazing at teaching! I've tried the other React courses here and nobody quite manages to explain things like Colt. Every question that pops up in me during the lectures gets immediately answered. I cannot express my appreciation for his teaching skills. Thank you!

An amazing course which includes every topic other courses don't have. In my opinion, The Massive Color Project was a little bit challenging for a beginner. Nevertheless, I think it will be a good reference for my future projects. I really appreciate how much work and effort Colt put on this. He is an amazing tutor and he is covering every topic I would like to know about. Hooks and context parts of the course was just TERRIFIC! I have taken some other React courses but none of them had this much dept explanations and projects. I have finished the course but I have just started watching those parts from the very beginning. I am definitely recommending this course as well as other courses of Colt's.

I bought four react courses and I am telling you this course is the best of all of them. Colt knows who to approach to the student and the course instructed very well