Compiled Learning Objectives

At the end of the sprint, you should be able to do the following things. Make sure to check you can do them all, and if not, go back and keep practicing until you can.

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