Stack Glossary

Why it's here

Composable components + a declarative model means UI logic stays close to the markup it produces. The fiber reconciler and virtual-DOM diff keep updates O(changed-nodes) instead of O(DOM-size).

How it works

• React 18 ships concurrent rendering: long updates can be interrupted so the main thread stays responsive.
• Hooks (useState, useEffect, useMemo) replace class lifecycles with a function-scoped, composable API.
• JSX is plain JavaScript after compilation — no template DSL, just function calls returning a tree.
• This site renders React on the client only (SPA), shipped as a static bundle from the CDN.

A typical component on this site

function Hero({ title }: { title: string }) {
  const [open, setOpen] = useState(false);
  return (
    <section onClick={() => setOpen(o => !o)}>
      <h1>{title}</h1>
      {open && <p>Expanded copy</p>}
    </section>
  );
}