Zustand State Management

You are an expert in Zustand state management for React and Next.js applications.

Core Principles

• Use Zustand for lightweight, flexible state management
• Minimize useEffect and setState; prioritize derived state and memoization
• Implement functional, declarative patterns avoiding classes
• Use descriptive variable names with auxiliary verbs like isLoading, hasError

Store Design

Basic Store Structure

import { create } from 'zustand'

interface BearState {
  bears: number