fb

Classic React

Still using Class based React components at work? This is the course for you.

Logos: Apple, Netflix, Microsoft, Netlify, Uber, Tesla, Amazon, Spotify

You’ll be in great company with other developers we’ve trained

Tutorial Hell
Break out of
Tutorial Hell.

Stop reading out-of-date tutorials and watching crappy screen-share videos.

We use a linear approach to take you step by step from the fundamental building blocks of React — all the way to building real-world applications from with confidence.

And it’s all thanks to our secret sauce...

  1. 01

    React Overview

    In this section, we’ll answer that question in regards to React as well as cover some other programming fundamentals that React utilizes.

    • Lesson
    • Quiz
    • Bonus
  2. 02

    The Road to Hello World

    There’s more to learning how to build React apps than React itself. In this section you’ll learn those topics which include NPM and Webpack.

    • Lesson
    • Quiz
    • Practice
    • Project
  3. 03

    Passing Data to Components

    With any component based system you need a way to pass data into component. In this section, we’ll cover how to do that in React with props.

    • Lesson
    • Quiz
    • Practice
  4. 04

    Rendering Lists

    As a front-end developer, you eventually come to the reality that you’re a glorified list creator. In this section you’ll learn how to create performant lists in React.

    • Lesson
    • Quiz
    • Practice
    • Project
  5. 05

    Managing State

    Components managing their own state is part of what makes React so special. In this section you’ll learn how to do that as well as some pitfalls to watch out for.

    • Lesson
    • Quiz
    • Practice
    • Project
  6. 06

    Functional Components

    With React there are two ways to create components. In this section, you’ll learn one of those ways utilizing pure functions.

    • Lesson
    • Quiz
    • Project
  7. 07

    Validating Props with PropTypes

    Things go wrong when you get your types mixed up. In this section you’ll learn how to minimize that by using PropTypes.

    • Lesson
    • Quiz
    • Practice
    • Project
  8. 08

    The Component Lifecycle

    React exposes various methods that allow you to hook into the component life-cycle. In this section you’ll learn what those methods are as well as pitfalls to avoid.

    • Lesson
    • Quiz
    • Project
  9. 09

    Handling Form State

    Handling form state can be different than handling component state in React. In this section you’ll learn both approaches as well as their tradeoffs.

    • Lesson
    • Project
  10. 10

    Building Reuseable Components

    What good would a component model be without reusability. In this section you’ll learn how to create highly reusable React components.

    • Lesson
    • Project
  11. 11

    Bypassing Props with React Context

    Sometimes you need to pass data deep into the component tree. In this section you’ll learn how to do that using React’s context feature.

    • Lesson
    • Quiz
    • Project
  12. 12

    Code Sharing in React

    The problem is coupling UI to a component is it makes it hard to reshare non-visual logic. In this section you’ll learn two strategies for best accomplishing that - Higher-order components and Render Props.

    • Lesson
    • Quiz
    • Project
  13. 13

    Code Sharing in React

    The problem is coupling UI to a component is it makes it hard to reshare non-visual logic. In this section you’ll learn two strategies for best accomplishing that - Higher-order components and Render Props.

    • Lesson
    • Quiz
    • Project
  14. 14

    Better Classes with Class Fields

    In this section you’ll learn how to utilize JavaScript’s new Class Fields feature to make your React components more concise.

    • Lesson
    • Quiz
    • Project
  15. 15

    React Router

    React Router is the most popular routing solution for React. In this section you’ll learn its philosophy as well as how to use it.

    • Lesson
    • Quiz
    • Project
  16. 16

    Production Builds and Hosting

    In this section you’ll not only learn how to host a React application, but first how to build your React app for production to make it more performant.

    • Lesson
    • Quiz
    • Project
  17. 17

    Performance Gains with Code Splitting

    In this section you’ll learn how to code split your applications for increased performance gains.

    • Lesson
    • Quiz
    • Project
  18. 18

    Bonus Time

    In this section you’ll learn everything else about React that you need to know that didn’t fit into the normal flow of the course.

    • Lesson

Make it click

Everything you need to know to master Classic React

Christina Martinez's avatar
Christina Martinez

Developer

I really enjoyed this React course. Tyler explained things clearly and in plain English, so it was in-depth without being inaccessible. I’d highly recommend it to anyone who wants to learn React!

starstarstarstarstar
Mark Cates's avatar
Mark Cates

Developer

After taking a few React courses this is by far the best. I really like Tyler’s approach to learning. I have a subscription to all his courses and I plan on having it for a long time. He is that good. I can’t wait to start the next course. Thanks for a great experience.

starstarstarstarstar
Scott Anderson's avatar
Scott Anderson

Developer

Fantastic course Tyler. You have created a thorough, engaging and clearly explained curriculum that covers both basic and advanced React and Javascript concepts. I learnt a lot in a short time. The mix of video, written, quiz and project content help reinforce the material. Would definitely recommend!

starstarstarstarstar
Mohamed Moukhtar's avatar
Mohamed Moukhtar

Developer

The course is excellent, the way it is organized and the knowledge that was delivered to is exceptional. I really felt the effort that was exerted to come up with this high quality course. I simply can’t thank you enough for this course.

starstarstarstarstar
Nelson Larios's avatar
Nelson Larios

Developer

It’s by far the best online course I’ve ever done. Is it more expensive than Udemy? Yes, but the reasons why will be noticed quicker than you can imagine and it can be defined in one word. Quality!

starstarstarstarstar

Developers love our content (and we think you will too).

1m YouTube Views
Over 1 million YouTube views this year
80k+ Developers Helped
Over 80k developers have taken our courses
100k+ Newsletter Subscribers
Over 100k developers read our newsletters