In the JavaScript module you built the Notes app by hand — and felt the pain of manually redrawing the page. React removes that pain. You describe what the UI should look like for a given set of data, and React keeps the screen in sync automatically. Here you'll rebuild the same Notes app the React way.
React is JavaScript — components are functions, props are arguments, and you'll use map, arrow functions and fetch constantly. If those feel shaky, do the JavaScript module first; it's built to lead straight into this one.
The exact pain from the vanilla Notes app — and how React's "describe, don't redraw" idea fixes it.
A component is a function that returns UI. Your first <Note />.
Pass data into a component — like function arguments for UI.
Data that changes over time. Change state → React re-renders for you.
Render a list with map + keys, and a controlled input for adding notes.
useEffect to load notes from the API when the app opens.
The same app from module 1 — rebuilt clean, in React components.