Bootstrap a new React project with npx and create-react-app

Render a UI with JSX in a React Function Component

Apply Styles to a UI in JSX

Create a Reusable React Component

Maintain State in a React Component with the useState Hook

Test Component Rendering with Jest and Testing Library

Test Component Interactions with Jest and Testing Library

Load Data from an API with React.useEffect

Display UI for List Items in JSX with Map

Setup an API Proxy in Create React App

Refactor API Calls into a Service Function

Mock Modules in a React Component Test

Remove Items in a List Without Mutating the Source Array

Create a Form with Controlled Inputs in React

Handle Form Submissions in React

Refactor React Components with Prop Spreading and Destructuring

Conditionally Render Components in React

Make a React Form Component that Handles Inserts and Updates

Avoid Duplicate id Attributes when Reusing Form Components

Support Multiple Views in a Single Page Application with @reach/router

Create a React Component Using the Class Syntax

Render UI Based on Props and State in a Class Component

Manage State and Respond to User Events in a Class Component 

Cycle Through an Array of Values with the Modulus Operator

Build a React App with the Hooks API

Components do more than just render an initial view based on props. Components may also maintain their own internal state and update that state in response to events. Those state changes, will then lead to updates to the rendered output. In this lesson, we'll cover how to test a component and verify that it behaves as expected when we simulate a click event.

jest

https://app.egghead.io/api/v1/lessons/jest-test-component-interactions-with-jest-and-testing-library/transcript