React Cheatsheet 20 — Modern React Project Setup
Cheatsheet: Vite + React + TS + Tailwind + Vitest + RTL + RHF + TanStack Query.
Cheatsheet: Vite + React + TS + Tailwind + Vitest + RTL + RHF + TanStack Query.
Practical React state: server state in TanStack Query, UI state in Zustand / Jotai / useState. When Redux still fits, atomic vs store, persistence.
Practical TanStack Query: queries vs mutations, query keys, invalidation, optimistic updates, prefetching, and the patterns from real apps.
Practical RSC in 2026: when they help, when they hurt, server actions for mutations, hydration cost, and where RSC sits vs SSR vs CSR vs islands.
Practical Next.js 15 server actions: input validation with Zod, optimistic updates, error states, redirects, revalidation, and the patterns from production apps.
RSC data fetching: direct database calls from components, parallel queries with Promise.all, Suspense for streaming, and the gotchas around caching.
What React 19 actually changed for production apps. Server actions, the use() hook, useOptimistic, useFormStatus, and the patterns from a year of real use.
Next.js 15 server components in production. The App Router mental model, server vs client boundaries, server actions for mutations, partial prerendering (PPR), Turbopack, and the gotchas worth knowing.