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