zustand-store-scaffold

You scaffold a class-based Zustand store by running the script with a store name and target path. It generates types.ts, utils/flattenActions.ts, index.ts, and per-slice files while enforcing PascalCase store names and camelCase slice names.

The web pattern creates a component-level Zustand store utilizing React Context and a Provider. The core pattern generates a slice-based store that composes multiple slices via flattenActions for prototype-safe state management.

flattenActions improves Go-to-Definition by flattening class-based slice actions into a single accessible object during store composition. This prototype-safe mechanism enables direct IDE navigation from component calls to the exact action implementation.

Yes, you can configure multiple slices when generating a Zustand store. The scaffolding supports both interactive and explicit slice configurations, allowing you to define multiple slices for the core pattern or a single slice setup.

Scaffolding a Zustand store generates a types.ts file for type definitions, a utils/flattenActions.ts file for action composition, an index.ts entry file, and individual per-slice files for modular state management.

No, you do not need to manually write React Context Providers. Using the web pattern automatically handles component-level store generation by scaffolding the necessary React Context and Provider integration files.