frontend-developer

Wrap async data-fetching sections in Suspense boundaries so the server streams HTML progressively while data resolves. In the Next.js App Router, async components render on the server by default, and each Suspense fallback displays while its content loads.

Zustand or Jotai work well for lightweight client state, while TanStack Query handles server state with caching and refetching. Redux Toolkit suits complex state scenarios, and React 19 hooks like useOptimistic and useActionState cover form and transition states.

Yes, Next.js 15 supports Server Actions, which let you run server-side mutations directly from forms and client components without building API routes. Combined with useActionState and useOptimistic, they enable progressive enhancement and optimistic UI updates.

Optimize LCP with image optimization and critical resource prioritization, reduce CLS by reserving layout space, and improve interactivity through code splitting and dynamic imports. Bundle analysis, lazy loading, and font optimization also contribute to better scores.

This skill targets web applications built with React and Next.js, so it does not apply to native mobile apps, backend-only API architecture, or pure visual design work without implementation. Use platform-specific tooling for those scenarios.