React by Example Course (How To)

Learn React programming patterns by building an application for keeping track of RSVP's! We'll start at the beginning, using create react app to initialize the project, and by the end you'll have a functional application.

What you'll learn

• React
• Closures
• Event handling
• JSX

Setting up With Create React App

Initialize a new React project using Create React App.

Chevron 5 steps

• Overview of What We'll Build

  1:49

• Setting up the Project

  8:50

• Mapping the Component Structure

  5:29

• Initialize the State

  4:06

• Setting Up with Create React App Review

  6 questions

Building the Application

Build the application feature by feature.

Chevron 13 steps

• Building the GuestList Component

  6:12

• Writing a Handler to Confirm Guests

  7:46

• Connecting the Confirm Guests Handler

  4:27

• Creating Components Review

  6 questions

• Toggling Edit State for Guests

  8:31

• Changing Guest Name in State

  6:11

• Filtering Guests

  6:06

• Filtering and Changing State Review

  5 questions

• Adding Guests to the List

  5:44

• Removing Names From the List

  3:42

• Pending Name Submission Feature

  4:21

• Creating the Counter

  7:14

• Building the Application Review

  5 questions

Refining the App

The app works, but the code could be tighter and easier to maintain. Let's go back and improve the code.

Chevron 5 steps

• Refactor App Components

  1:37

• Refactor App Components: Solution

  5:15

• Filter Bug

  3:29

• Filter Bug: Solution

  3:24

• Refining the App Review

  5 questions