Use XState v5 for flows with distinct steps and forbidden transitions — checkout, payment, wizards, video players — and stop faking state machines with four booleans and a useEffect. Keep Zustand or React Query for shared app state; the two solve different problems and most apps want both.
HTML-first ships server-rendered HTML on first request and hydrates only interactive islands. Ditch your React SPA when LCP is over 2.5s, bundle is over 250 KB gzipped, or SEO tanked after a redesign — use Astro if your team knows React, htmx if your backend is Rails, Django, or Go.
Shadcn CLI v2 turns component sharing into a copy-paste workflow with private registries and three-way diff updates. On Tailwind v4's CSS-native theming, it's the smallest tooling surface for shared React components — and the reason to delete your hand-rolled UI library.
Playwright component testing replaces Jest + jsdom with real Chromium DOM rendering in a Vite + React project, eliminating polyfills and layout lies. This guide walks through the config, provider wrappers, CSS gotchas, and a sharded GitHub Actions setup that runs 500 tests in under 3 minutes.
Bun 1.2 wins cold installs by a wide margin but pnpm 10 is faster in the warm-cache and CI-lockfile scenarios that dominate real developer time. Use pnpm 10 by default, switch to Bun if you spin up ephemeral environments constantly, skip npm 11 unless your setup forces it.
TanStack Router wins for client-heavy SPAs and dashboards thanks to unmatched end-to-end type safety. React Router v7 in framework mode wins for SSR, content sites, and Remix migrations. Pick by app shape, not hype.
Build a production-ready React component library in 2026 with pnpm workspaces, Vite library mode, Storybook 8, Vitest, and Biome — then publish it to npm via Changesets. The whole stack scaffolds in under an hour and the starter repo is linked inside.
better-auth beats NextAuth v5 for most new TypeScript projects — typed sessions out of the box, first-party plugins for organisations, 2FA, and passkeys, and roughly half the setup code. Stick with NextAuth only if you're maintaining an existing app or need nothing past basic OAuth.
Vite vs Turbopack: cold-start and HMR benchmarks across small, medium, and large React+TS projects — plus a clear decision matrix for which wins in 2026.
Real Biome vs ESLint comparison on an 80k-line React/TypeScript project — speed benchmarks, rule coverage gaps, and the migration cost most 2026 takes ignore.
Vite vs Turbopack in 2026: we cut through the benchmark noise to show when each React bundler wins based on project type, team size, and framework lock-in.
Set up Vitest in a React TypeScript project in under 10 minutes. Covers jsdom config, coverage, and every gotcha that trips up teams migrating from Jest.