Whetstone

State & Data Flow

Deciding where state should live and which tool should own it: local state, lifting, React Context, client stores (Zustand), server-state libraries (TanStack Query), and the URL — plus the re-render, SSR, and persistence trade-offs that decide between them.

  1. 1. Choosing where state lives

    Full · Core · ~30 min
    • React
    • State Management
    • Architecture
    • Context
    • +2 moreAdditional skills: Zustand, TanStack Query

  2. 2. Context vs client store vs server state

    Lesson · Core · ~25 min
    • React
    • State Management
    • Architecture
    • Context
    • +3 moreAdditional skills: Zustand, Server State, TanStack Query

  3. 3. Zustand basics: create, selectors, set, persist

    Full · Core · ~30 min
    • React
    • State Management
    • Rendering
    • useSyncExternalStore
    • +2 moreAdditional skills: Zustand, Persistence