What problem does it solve?
This skill solves decision fatigue by helping developers choose an appropriate React 2026 toolchain and architecture without stitching together incompatible libraries.
Core Features & Use Cases
- Stack selection guidance: Pick frameworks (Next.js/Remix) vs. custom stacks (Vite + React Router/TanStack Router) based on SSR/SEO needs and app type (public app vs. internal dashboard).
- Routing, state, and data patterns: Decide between built-in routing or TanStack/React Router, and select React Query (server state) plus Zustand/Redux (global state) with clear tradeoffs.
- Modern React capability adoption: Apply React 19 concepts like server components, server actions, optimistic updates, and newer APIs when supported.
- AI-assisted development workflows: Use AI to speed up boilerplate and tests while validating output to avoid incorrect implementations.
Quick Start
Ask for a recommended React 2026 stack for your project and rationale: "Recommend whether I should use Next.js or Vite + TanStack Router for a full-stack app with SSR needs, and suggest state/data libraries and testing tools."