React by Example Course

Go to class
Write Review

Free Online Course: React by Example Course provided by Treehouse is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. React by Example Course is taught by Guil Hernandez.

Overview
  • 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

Syllabus
  • 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