frontend-react

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"