Lesson

A house is a function

A component is a function. Props go in. Markup comes out.

function House({ tag }) {
  return <p>{tag}</p>;
}

House({ tag: "forum-east" })

React writes that same call as <House tag="forum-east" />. Same function. Same bag.

function House({ tag }) is the same unpack as Unpack Ada. The names inside the braces must match the labels you pass in.