| name | frontend-react |
| description | React component patterns, hooks, JSX hygiene, and Next.js App Router usage. Use for building React-based web frontends. |
Frontend React
This skill covers React component patterns, hooks (useState, useEffect, useMemo, useCallback), JSX hygiene, prop drilling vs context, suspense boundaries, and Next.js App Router conventions.
When to use
- Building or modifying React components
- Adding hooks-based state management
- Configuring Next.js App Router routes and layouts
- Server components vs client components decisions
Examples
- "Add a useEffect to refetch when query changes"
- "Convert this class component to hooks"
- "Set up a Next.js route with a server component fetching from Postgres"