Build a React App with the Hooks API by Andy Van Slaars

• 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