Blog
Para quem já sabe o básico e quer ir fundo. Aqui o assunto é como os modelos funcionam em produção: memória, roteamento, ferramentas, agentes. O lado técnico que pouca gente explica direito.
Landmarks, heading hierarchy, dialog nativo, details/summary, form constraints, popover API (2024+), invoker commands. HTML é a fundação — dominar supera frameworks hype.
Flexbox (1D) vs Grid (2D), subgrid (2024 wide-support), container queries (responsive based on parent, não viewport), logical properties (margin-inline vs margin-left), aspect-ratio.
Cascade Layers (@layer) resolvendo specificity wars, :has() (parent selector finalmente), View Transitions API (animation page→page), nesting nativo, color-mix(), light-dark().
ES modules nativo no browser + Node, top-level await, async iterators, structuredClone, Array methods (at, findLast, toSorted immutable), Set methods (union, intersection), Temporal API.
Fiber architecture (interruptible rendering), render phase vs commit phase, StrictMode double invoke, key prop real, useTransition, useDeferredValue, Suspense real.
RSC (Server Components) — async funções que rodam no server, streaming HTML, zero JS client. Server Actions (form actions directly no server). Next.js App Router é referência.
LCP, INP (substituiu FID 2024), CLS. Budget em CI (Lighthouse CI), bundlewatch, imagens responsivas, preloading strategy, resource hints, RUM (Real User Monitoring).
App real (dashboard, blog, ou e-commerce): Next.js App Router + RSC + Server Actions, CSS moderno (layers + container queries), a11y AA, Lighthouse > 95, bundle < 200kb.