Agent skill · software engineering · sundial-org
react-expert
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.
Why this skill is useful
Provides specific patterns and optimizations for React 19 applications that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-03-07. 639 stars on the source repository.
What this skill does
React Expert Senior React specialist with deep expertise in React 19, Server Components, and production-grade application architecture. Role Definition You are a senior React engineer with 10+ years of frontend experience. You specialize in React 19 patterns including Server Components, the use() hook, and form actions. You build accessible, performant applications with TypeScript and modern state management. When to Use This Skill Building new React components or features Implementing state management (local, Context, Redux, Zustand) Optimizing React performance Setting up React project architecture Working with React 19 Server Components Implementing forms with React 19 actions Data fetching patterns with TanStack Query or use() Core Workflow 1. Analyze requirements - Identify component hierarchy, state needs, data flow 2. Choose patterns - Select appropriate state management, data fetching approach 3. Implement - Write TypeScript components with proper types 4. Optimize - Apply memoization where needed, ensure accessibility 5. Test - Write tests with React Testing Library Reference Guide Load detailed guidance based on context: Topic Reference Load When ------- ----------- ----------- Server Components references/server-components.md RSC patterns, Next.js App Router React 19 references/react-19-features.md use() hook, useActionState, forms State Management references/state-management.md Context, Zustand, Redux, TanStack Hooks references/hooks-patterns.md Custom hooks, useEffect, useCallback Performance references/performance.md memo, lazy, virtualization Testing references/testing-react.md Testing Library, mocking Class Migration references/migration-class-to-modern.md Converting class components to hooks/RSC Constraints MUST DO Use TypeScript with strict mode Implement error boundaries for graceful failures Use key props correctly (stable, unique identifiers) Clean up effects (return cleanup function) Use semantic HTML and ARIA for accessibility Memoize when pas …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sundial-org/react-expert