illustration for The Beginner's Guide to React

The Beginner's Guide to React

Instructor

Kent C. Dodds
2h 35m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
6577
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.

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.

🌱 This is a Fresh Course

Staff reviewed: 4 years 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

  • LeDucLoi193
    3 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I have learnt React before i see this course. But it's so awesome! I got a trouble about react hook flow some days ago (i don't know keyword to search), but i knew your course via a youtuber, so i started to watch. It helps me to resovle my problem about hook flow and other things about React. Thank you so much!

  • it@zemoga.com
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    the in depth explanation that kent gave through the whole course.

  • Learner
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Short and concise, examples all the time

  • USS Discovery
    4 years 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
    4 years 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
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Quick, informative, great overview

Course Content

2h 35m • 30 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.