nova_web_redux_boost_store_actions_reducers_quickstart.ts

1import { createStore, createAction, createReducer } from '@nova-web/redux-boost';
2
3// Define the state type
4interface CounterState {
5  count: number;
6}
7
8// Initial state
9const initialState: CounterState = {
10  count: 0,
11};
12
13// Create actions
14export const increment = createAction('INCREMENT');
15export const decrement = createAction('DECREMENT');
16export const setValue = createAction<number>('SET_VALUE');
17
18// Create reducer
19const counterReducer = createReducer(initialState)
20  .handleAction(increment, (state) => ({
21    ...state,
22    count: state.count + 1,
23  }))
24  .handleAction(decrement, (state) => ({
25    ...state,
26    count: state.count - 1,
27  }))
28  .handleAction(setValue, (state, action) => ({
29    ...state,
30    count: action.payload,
31  }));
32
33// Create and export the store
34export const store = createStore({
35  counter: counterReducer,
36});
37
38// Example of dispatching actions
39store.dispatch(increment());
40store.dispatch(setValue(10));
41
42console.log(store.getState().counter.count); // Output: 10