revamping-zustand-docs.md

Learn

• Get Started
  • Quick Start
    • Tutorial: Tic-Tac-Toe
    • Thinking in Zustand: motivation, principles, and glossary
  • Installation
    • Start a new Project: vanilla, react, and react native
    • Using TypeScript
• Learn Zustand
  • Managing State
    • Choosing the State Structure: one store, multiple stores, or multiple slices.
    • Colocating Actions
    • Async Data and Data Fetching
    • Selecting Data and Preventing Re-renders with selectors and equality function (react)
    • Isolating State Between Components (react)
  • Middlewares
    • Using Middlewares
    • Writting Immutable Updates with Immer Middleware
    • Persisting State with Persist Middleware
    • Extracting State Logic into a Reducer with Redux and Devtools Middlewares
    • Listening to Selected Data with SubscribeWithSelector Middleware
    • Writing Custom Middleware - TBD
    • Middleware Use Cases
  • Next.js
  • Waku - TBD
  • Remix - TBD
  • Testing

Reference

• APIs
  • create (react)
  • createWithEqualityFn (react)
  • createStore (vanilla)
  • shallow (vanilla)
• Legacy APIs
  • createContext (react) [deprecated]
• Hooks
  • useStore (react)
  • useStoreWithEqualityFn (react)
  • useShallow (react)
• Middlewares
  • devtools (vanilla)
  • combine (vanilla)
  • persist (vanilla)
  • redux (vanilla) [@redux-devtools/extension]
  • immer (vanilla) [immer]
  • subscribeWithSelector (vanilla)

Community

• Zustand Videos
• Meet the Team - TBD
• Docs Contributors
• Acknowledgements - TBD
• Third-party Libraries
• Versioning Policy

Need help?

GitHub