Building modern user interfaces with React

What you should know before watching this course

What is React?

Setting up Chrome tools for React

Setting up Firefox DevTools for React

Working with Visual Studio Code

Adding React to your project

Creating React elements

Refactoring elements using JSX

Incorporating Babel

Working with JSX syntax

Creating a React component

Adding component properties

Working with lists

Adding keys to list items

Displaying images with React

Using fragments

Generating a project with Create React App

Touring a Create React App project

Destructuring arrays and objects

Understanding the useState Hook

Working with useEffect

Understanding the dependency array

Incorporating useReducer

Working with uncontrolled components

Creating controlled form elements

Building a custom Hook

Choosing a form library

Fetching data with Hooks

Displaying data from an API

Handling loading states

Fetching data with GraphQL

Working with render props

Installing React Router v6

Configuring the Router

Incorporating the Link component

Nesting links with React Router v6

Using Create React App as a testing platform

Testing small functions with Jest

Introducing React Testing Library

Testing events with React Testing Library

Deploying to Netlify

Next steps