Compiled Learning Objectives

Fetching data Prep

• Explain why fetch doesn’t work in React

Synchronising with effects Prep

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

Fetching data with Effects Prep

• Fetch data from an API using the useEffect hook

Working with forms Prep

• Define controlled components

Forms with multiple fields Prep

• 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 Prep

• React to user input with state

Prep for WIP-Work in Progress Prep

• Describe 3 methods to increase the value of work

WIP and Feedback Day Plan

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

Pokedex Workshop Day Plan

• 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 Day Plan

• Work in a team to build a React app