chore: create prototype for teaching useEffect hook

[jdwilkin4]

We need a workshop to teach working with the useEffect hook. This should be a short workshop.

You can see the lecture videos on the sheet to get a sense of what was taught immediately before this.

Here are some suggested project ideas from ChatGPT:

Live Search Feature

Objective: Implement a live search feature where search results update in real-time as the user types. Use of useEffect: To debounce the search input and perform API requests only after the user has stopped typing for a specified duration. Learning Outcome: Understand how to debounce inputs and manage asynchronous operations within effects.

Dynamic Page Title

Objective: Create a component that updates the document title based on its content. Use of useEffect: To change the document title whenever the component mounts or its content changes. Learning Outcome: Manipulate browser APIs and handle side effects related to DOM updates.

We will supply the css for them. The steps will only focus on the JSX and the useEffect hook.

Acceptance criteria

• [ ] add your workshop files to the react project folder in the front-end cert directory

[jdwilkin4]

marking this as blocked for now until we know what the final editor implementation will look like for the react and typescript projects. Oliver will let us know when that is

[jdwilkin4]

This will resume in 2025 Q1