What problem does it solve? Modern React codebases often accumulate anti-patterns like data fetching inside useEffect, magic strings for cache keys, and impure components, leading to bugs and poor performance. This Skill enforces React 19 and Next.js conventions so generated or reviewed code follows current standards. ## Core Features & Use Cases - React 19 Patterns: Promotes Suspense, the use hook, useTransition, and startTransition over legacy useEffect-based approaches. - Data Fetching Standards: Directs usage of React Query with useSuspenseQuery instead of manual isLoading handling or fetching in useEffect. - Cache & Component Hygiene: Enforces enum/factory-based cache keys, pure components, and error boundaries with retry buttons. - Use Case: When asking an AI to build a Next.js page that loads user data, this Skill ensures the output uses Suspense boundaries and React Query rather than useEffect fetching. ## Quick Start Review my Next.js component and rewrite it to follow React 19 best practices with Suspense and React Query.
