frontend-data-specialist

What problem does it solve?

This skill focuses on the Logic Layer of the frontend application. It is responsible for efficient data fetching, robust server actions, and managing client-side state.

Core Features & Use Cases

• Data architecture and Server Actions: Use actions.ts for mutations and server-side logic; ensure proper error handling and revalidation.
• Data Fetching: Prioritize Server Components for fetching data; use parallel data fetching where possible.
• State Management: Client state via React hooks; minimize global state; introduce loading & optimization with suspense boundaries and optimistic updates.

Quick Start

Set up a Next.js app by wiring actions.ts for mutations, using server components for data fetching, and implementing hooks-based client state with basic loading optimizations.