nasi_re_boost_counter_state_management_quickstart.ts

1import { createReBoost } from "@nasi/re-boost";
2
3// Define the state type
4interface CounterState {
5  count: number;
6}
7
8// Define the initial state
9const initialState: CounterState = {
10  count: 0,
11};
12
13// Define the actions
14const actions = {
15  increment: (state: CounterState) => ({ ...state, count: state.count + 1 }),
16  decrement: (state: CounterState) => ({ ...state, count: state.count - 1 }),
17  reset: (state: CounterState) => ({ ...state, count: 0 }),
18};
19
20// Create the ReBoost instance
21const { useReBoost, dispatch } = createReBoost(initialState, actions);
22
23// Example usage in a component (conceptual)
24/*
25const CounterComponent = () => {
26  const state = useReBoost();
27  
28  return (
29    <div>
30      <p>Count: {state.count}</p>
31      <button onClick={() => dispatch.increment()}>Increment</button>
32      <button onClick={() => dispatch.decrement()}>Decrement</button>
33      <button onClick={() => dispatch.reset()}>Reset</button>
34    </div>
35  );
36};
37*/