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

Study Group

• Resolve blockers in your coursework
• Express and resolve problems effectively by writing tickets and asking questions
• Give and receive code review
• Develop your personal portfolio
• Pair programme
• Evaluate your progress with peers and mentors

Team Project

• Work in a team to build a React app