Subscribe the hook

Subscribe store hook

import { createStore, ref } from "reactivity-store";
// store.ts
export const useCounter = createStore(() => {
  const count = ref(0);

  const increment = () => {
    count.value += 1;
  };

  const decrement = () => {
    count.value -= 1;
  };

  return { count, increment, decrement };
});

// component.tsx
// import { useCounter } from "./store";
useCounter.subscribe((s) => s.count, () => {
  // if the count changes, this callback will be called
  const newCount = useCounter.getReadonlyState().count;
  console.log("Count changed:", newCount);
});

Subscribe state hook

import { createState } from "reactivity-store";
// store.ts
export const useCounter = createState(() => ({count: 0}), {
  withActions: (s) => ({
    increment: () => {
      s.count += 1;
    },
    decrement: () => {
      s.count -= 1;
    },
  }),
});
// component.tsx
// import { useCounter } from "./store";
useCounter.subscribe((s) => s.count, () => {
  // if the count changes, this callback will be called
  const newCount = useCounter.getReadonlyState().count;
  console.log("Count changed:", newCount);
});