Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

The Beginner's Guide to React

via egghead.io

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it

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.

Syllabus

  • Beginner's Guide to React Community Notes
  • A Beginners Guide to React Introduction
  • Create a User Interface with Vanilla JavaScript and DOM
  • Create a User Interface with React’s createElement API
  • Create a User Interface with React’s JSX syntax
  • Use JSX effectively with React
  • Render two elements side-by-side with React Fragments
  • Create a Simple Reusable React Component
  • Validate Custom React Component Props with PropTypes
  • Understand and Use Interpolation in JSX
  • Rerender a React Application
  • Style React Components with className and inline Styles
  • Use Event Handlers with React
  • Manage state in a React Component with the useState hook
  • Manage side-effects in a React Component with the useEffect hook
  • Use a lazy initializer with useState
  • Manage the useEffect dependency array
  • Create reusable custom hooks
  • Manipulate the DOM with React refs
  • Understand the React Hook Flow
  • Make Basic Forms with React
  • Make Dynamic Forms with React
  • Controlling Form Values with React
  • Using React Error Boundaries to handle errors in React Components
  • Use the key prop when Rendering a List with React
  • Lifting and colocating React State
  • Make HTTP Requests with React
  • Handle HTTP Errors with React
  • Install and use React DevTools
  • Build and deploy a React Application with Codesandbox, GitHub, and Netlify
  • A Beginners Guide to React Outro

Taught by

Kent C. Dodds

Reviews

3.0 rating, based on 1 Class Central review

4.6 rating at egghead.io based on 2579 ratings

Start your review of The Beginner's Guide to React

  • Anonymous
    Instructor is well-spoken and seems very knowledgeable and friendly. However, they absolutely FLY through the material and speak at nearly the speed of light, blazing past concepts that a "beginner" is obviously not familiar with, and moving onto ot…

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.