Stores Event

Since the concept of stores is same as store, it also have a store event handler. We can use onFirstSubscribe, onSubscribe, onUnsubscribe, onLastUnsubscribe, and additional onBeforeChangeKey & onStoreInitialized event handler.

const useCatStores = createStores(
  ({ set }) => ({
    age: 0,
    isSleeping: false,
    increaseAge: () => set((state) => ({ age: state.age + 1 })),
    reset: () => set({ age: 0, isSleeping: false }),
  }),
  {
    // New
    onBeforeChangeKey: (nextKey, prevKey) => {
      console.log('Store key changed', nextKey, prevKey);
    },
    onStoreInitialized: (key, keyHash) => {
      console.log('Store with a specific key was initialized', key, keyHash);
    },

   // Same as createStore
    onFirstSubscribe: (state) => {
      console.log('onFirstSubscribe', state);
    },
    onSubscribe: (state) => {
      console.log('onSubscribe', state);
    },
    onUnsubscribe: (state) => {
      console.log('onUnsubscribe', state);
    },
    onLastUnsubscribe: (state) => {
      console.log('onLastUnsubscribe', state);
    },
  },
);