Lightweight state management with Zustand for React applications
# State Management with Zustand
## Store Creation
- Create simple stores
- Use TypeScript for type safety
- Define actions with state
- Keep stores focused
## Selectors
- Use selectors for derived state
- Implement shallow equality
- Avoid unnecessary re-renders
- Use getters for computed values
## Middleware
- Use persist middleware
- Implement devtools
- Add immer for immutability
- Create custom middleware
## Best Practices
- Keep stores small
- Use multiple stores
- Avoid deep nesting
- Test stores independentlyThis Zustand prompt is ideal for developers working on:
By using this prompt, you can save hours of manual coding and ensure best practices are followed from the start. It's particularly valuable for teams looking to maintain consistency across their zustand implementations.
Yes! All prompts on Antigravity AI Directory are free to use for both personal and commercial projects. No attribution required, though it's always appreciated.
This prompt works excellently with Claude, ChatGPT, Cursor, GitHub Copilot, and other modern AI coding assistants. For best results, use models with large context windows.
You can modify the prompt by adding specific requirements, constraints, or preferences. For Zustand projects, consider mentioning your framework version, coding style, and any specific libraries you're using.