Create Store

Creates a new Zustand store following BMAD state management standards with proper error handling and persistence patterns.

Workflow

1. Create store file: src/stores/myStore.ts

2. Use template:

import { create } from 'zustand';
import { ErrorHandler } from '@/utils/ErrorHandler';
import { loggerService, LogTag } from '@/utils/LoggerService';

interface MyStoreState {
  // State properties
  data: MyType | null;
  isLoading: boolean;
  error: string | null;

  // Actions
  setData: (data: MyType) => void;
  fetchData: () => Promise<void>;
  clearData: () => void;
  reset: () => void;
}

const initialState = {
  data: null,
  isLoading: false,
  error: null,
};

export const useMyStore = create<MyStoreState>((set, get) => ({
  ...initialState,

  setData: (data) => {
    loggerService.log(LogTag.STATE, 'MyStore: setData', { data });
    set({ data, error: null });
  },

  fetchData: async () => {
    try {
      set({ isLoading: true, error: null });
      loggerService.log(LogTag.API, 'MyStore: fetchData started');

      const result = await myService.getData();

      set({ data: result, isLoading: false });
      loggerService.log(LogTag.API, 'MyStore: fetchData success', { result });
    } catch (error) {
      const errorMessage = ErrorHandler.handle(error);
      set({ error: errorMessage, isLoading: false });
      loggerService.error(LogTag.API, 'MyStore: fetchData failed', { error });
    }
  },

  clearData: () => {
    loggerService.log(LogTag.STATE, 'MyStore: clearData');
    set({ data: null, error: null });
  },

  reset: () => {
    loggerService.log(LogTag.STATE, 'MyStore: reset');
    set(initialState);
  },
}));