Week 3

This session is about understanding and utilizing Hooks in React components, especially useEffect.

Contents

• Preparation

• Session Plan (for mentors)

• Assignment

Session Learning Goals

By the end of this session, you will:

Forms / Event Handling

• Know how to build interactive forms as React components

• Be familiar with React's way to attach (DOM) events to elements

• Be able to submit a form and process the form data in JavaScript

Hooks

• Understand how and why React uses Hooks

• Have tried the useEffect hook in different contexts

• Know how to use useEffect to synchronize with other systems (like the DOM or browser window)

Loading Data

• Be able to load data from an API utilizing fetch, and the useEffect and useState hooks

• Understand at what time(s) your data will be loaded from the API