Components

Components are the building blocks of React. Every piece of UI is a component: a button, a card, a nav bar. They're just functions that return JSX. Build small components and combine them into bigger ones. Like LEGO blocks.

// Simple component
function Button({ label, onClick }: { label: string, onClick: () => void }) {
  return (
    <button
      onClick={onClick}
      className="bg-blue-500 text-white px-4 py-2 rounded"
    >
      {label}
    </button>
  )
}

// Use it
<Button label="Click me" onClick={() => alert("Clicked!")} />