frontend-developer

Use async Server Components wrapped in Suspense boundaries to stream data progressively in Next.js 15. The Skill provides patterns for combining Server Components with Client Components and handling loading states during streaming.

Define a Server Action with the 'use server' directive and call it from a form, then use React 19's useOptimistic and useActionState hooks to update the UI before the server responds. The Skill generates this pattern with proper error handling.

Zustand suits most applications with its minimal boilerplate and hook-based API, while Redux Toolkit fits complex state scenarios needing middleware and devtools. The Skill covers both plus Jotai, Valtio, and TanStack Query for server state.

Yes, Next.js 15 supports React 19 features including useActionState, useOptimistic, useTransition, and Server Actions. The Skill implements these hooks with TypeScript types and proper error boundaries.

Excessive re-renders usually come from unstable props, missing memoization, or context value changes. The Skill applies React.memo, useMemo, useCallback, and React DevTools profiling to diagnose and fix rendering performance.

Avoid it for backend-only API architecture, native mobile apps outside the web stack, or pure visual design without implementation. It focuses specifically on React and Next.js web application development.