illustration for The Beginner's Guide to React

The Beginner's Guide to React


Kent C. Dodds

2h 35m closed-captioning
30 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
people completed
Published 7 years ago
Updated 3 years ago

React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work.

This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.

Each lesson in this 28-part course is a single index.html file. This keeps your focus on learning React, with no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready development environment—and even deploy your app to a great service like Netlify.

You’ll build a solid understanding so when you come across JavaScript challenges down the road, you’ll know how to…react.

Thousands of people have used this course as an introduction to the core concepts of React. It's been reviewed and updated and is relevant and valid. There isn't a better introduction to React online.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

What you'll learn:

  • what problems React can solve
  • how React solves those problems under the hood
  • what JSX is and how it translates to regular JavaScript function calls and objects
  • manage state with hooks
  • build forms

Course Content

2h 35m • 30 lessons

    You might also like these resources:

    Get Really Good at React on by Kent C. Dodds
    illustration for Develop Accessible Web Apps with React
    Erin Doyle・1h 28m・Course

    Gain the knowledge and skills required to audit and fix accessibility issues in your applications and gain a better understanding of your target users and how to approach your web app design from their perspectives

    illustration for Simplify React Apps with React Hooks
    Kent C. Dodds・38m・Course

    React transitioned to an API called Hooks and most consider it the way to develop production applications today. This 38-minute course will help you get started and is the perfect compliment to The Beginner's Guide.

    illustration for Build Maps with React Leaflet
    Colby Fayock・47m・Course

    Build an interesting map focused application using modern React practices including Hooks. While you are learning you'll be able to practice with challenges. This course would be a fantastic base for a developer portfolio project.