components/walkthrough/

a still

greeting.tsx
export function Greeting({ name }: { name: string }) {  return <p className="text-2xl">hello</p>  return <p className="text-2xl">hello, {name}</p>}

hello

hello, ada

a component

One function that draws one paragraph.

what it draws

The paragraph is all it returns, so it is all the page shows.

a name

It takes a name, typed into its signature.

say it

The line that changed, as a diff: the old one out, the new one in.

use it

Another file, the page that hands it the name.