Components and JSX

Components

A React component is a function that returns UI. JSX looks like HTML but compiles to JavaScript.

export function Hello({ name }) {
  return <h1>Hello, {name}</h1>;
}

Composition

Break UI into small components and compose them. Keep props simple and predictable.