Compiled Learning Objectives

Fetching data

• Explain why fetch doesn’t work in React

Synchronising with effects

• Define the purpose of the useEffect hook in React
• Describe the difference between effects and events in React

Fetching data with Effects

• Fetch data from an API using the useEffect hook

Working with forms

• Define controlled components

Forms with multiple fields

• Handle multiple user inputs in a form
• Use a single event handler for multiple inputs
• Use a single state variable for multiple inputs

Controlled Components

• React to user input with state

Prep for WIP-Work in Progress

• Describe 3 methods to increase the value of work

WIP and Feedback

• Explain the benefit of getting early customer feedback
• Decide whether a task is a priority at a given time or not

Pokedex Workshop

• Fetch data from an API and render it
• Update state on input changes
• Conditionally render UI based on state
• Control form inputs with state

Team Project

• Work in a team to build a React app