skill-fe-state-management

What problem does it solve?

Frontend developers often struggle to coordinate UI state, server state, and global vs local state across large apps. This guide provides best practices and patterns for managing client and server state using modern libraries like Redux Toolkit, Zustand, Pinia, and TanStack Query.

Core Features & Use Cases

• Clear guidance on when to use each library (Redux Toolkit, Zustand, Pinia) and how to structure stores with slices and modular patterns.
• Server-state patterns with TanStack Query for data fetching and caching; client-state patterns with lightweight stores.
• Practical examples and anti-patterns to avoid.

Quick Start

Initialize a small Zustand store for a global cart with addItem and removeItem, and wire it into a React component to reflect changes in real time.