illustration for The Beginner's Guide to React

The Beginner's Guide to React

Instructor

Kent C. Dodds
2h 29m closed-captioning
Updated 2 weeks ago
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
6562
people completed
Bookmark
Download
RSS

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.

🌱 This is a Fresh Course

Staff reviewed: a month ago

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.

Listen to Kent C. Dodds tell you about this course:

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

Learner Reviews

  • USS Discovery
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This course is an engaging and clear introduction to react. I highly recommend it!

  • Juan Diaz
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Hey Kent! Thank you very much for your help. You rock.

  • Lesley
    a month ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Quick, informative, great overview

  • Learner
    2 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Starting from scratch and building on top of it.

  • Grayson Blanchard
    2 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    Super helpful for a beginner, with many topics covered at a high level and an enthusiastic instructor, and the cherry on top--it's free!

  • Richard Ball
    3 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    I like the granular approach to React that Kent provides in this course. With my experience with other React courses they always use the Create React App approach which, in my opinion can confuse beginner users because you need an understanding of webpack, npm etc. By teaching each concept individually it helped me gain an firmer understanding of how much React technically is just JavaScript.

    I would have liked to see a course project that users can showcase on their GitHub after completion, that's the only thing I feel was lacking. In summary, this is a great in depth look into React, a jumping off point before you start building actual projects.

Course Content

2h 29m • 29 lessons

    You might also like these resources:

    illustration for Develop Accessible Web Apps with React

    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

    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

    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.