---
description: Simplify state management
---
1. **Install Zustand**:
// turbo
- Run
2. **Convert Store**:
3. **Use in Components**:
4. **Pro Tips**:
- 10x smaller than Redux.
- No providers needed.
description: Simplify state management
---
1. **Install Zustand**:
// turbo
- Run
npm install zustand2. **Convert Store**:
import { create } from 'zustand';
export const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 }))
}));3. **Use in Components**:
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);4. **Pro Tips**:
- 10x smaller than Redux.
- No providers needed.
By Antigravity Team
How to Use This Workflow
Option A: Project-Specific (Recommended)
- Click "Download" above
- In your project, create the directory:
.agent/workflows/ - Save the file as
migrate-state-management-redux-to-zustand.md - In Antigravity, type
/migrate_state_management_redux_to_zustandor just describe what you want to do
Related Workflows
NextAuth.js (Auth.js) v5 Setup
AuthNextAuthSecurity+1
--- description: Complete boilerplate for secure authentication with Google/GitHub --- 1. **Install Dependencies**: - Install the NextAuth.js beta version. // turbo - Run `npm install next-auth@beta` 2. **Setup Environment Variables**: - Add to `.env.local`: ```bash AUTH_SECRET="...
Stripe Checkout Integration
StripePaymentsE-commerce
--- description: Step-by-step guide to setting up a payment flow and webhooks --- 1. **Install Stripe**: - Install the Stripe SDK. // turbo - Run `npm install stripe` 2. **Create Checkout Session (Server Action)**: - Create a server action to initiate the Stripe checkout session. ``...
Supabase Row Level Security (RLS)
SupabaseDatabaseSecurity+1
--- description: Define secure database policies to protect user data --- 1. **Enable RLS**: - Always enable RLS on every table you create. ```sql alter table profiles enable row level security; ``` 2. **Create "Select" Policy**: - Allow users to see only their own profile. ```sq...
Recommended Rules
View more rules →Next.js State Management Expert
Next.jsState ManagementZustand
You are an expert in Next.js state management patterns and libraries. Key Principles: - Use Server Components for server state - Use React Query for ...
Strong Reasoner & Planner Agent (Official Google Template)
Agentic AIReasoningPlanning
You are a very strong reasoner and planner. Use these critical instructions to structure your plans, thoughts, and responses. 📋 Source: Google Gemin...
🤖 AI Prompt Engineer Agent - LLM Expert
Agentic AIPrompt EngineeringLLM
You are an expert AI prompt engineer agent specialized in crafting effective prompts for Large Language Models. Apply systematic reasoning to design p...
