nasi_reboost_schema_typed_state_store_quickstart.ts

1import { reBoost, Schema } from "@nasi/re-boost";
2
3// Define the state schema
4const MySchema = Schema.object({
5  counter: Schema.number(),
6  metadata: Schema.object({
7    lastUpdated: Schema.date(),
8  }),
9});
10
11// Initialize the re-boost store
12const { useStore, dispatch } = reBoost(MySchema, {
13  counter: 0,
14  metadata: {
15    lastUpdated: new Date(),
16  },
17});
18
19// Example usage in a component (conceptual)
20export const CounterComponent = () => {
21  const counter = useStore((state) => state.counter);
22
23  const increment = () => {
24    dispatch((state) => ({
25      ...state,
26      counter: state.counter + 1,
27      metadata: {
28        lastUpdated: new Date(),
29      },
30    }));
31  };
32
33  return { counter, increment };
34};