typesafe-actions

import { createAction, createReducer, ActionType } from 'typesafe-actions'; // 1. Define Actions const increment = createAction('INCREMENT')<number>(); const decrement = createAction('DECREMENT')<void>(); const reset = createAction('RESET')(); const actions = { increment, decrement, reset }; type RootAction = ActionType<typeof actions>; interface CounterState { count: number; } const initialState: CounterState = { count: 0 }; // 2. Create a Reducer const counterReducer = createReducer<CounterState, RootAction>(initialState) .handleAction(increment, (state, action) => ({ ...state, count: state.count + action.payload })) .handleAction(decrement, (state) => ({ ...state, count: state.count - 1 })) .handleAction(reset, (state) => ({ ...state, count: 0 })); // Example Usage (simulate Redux store) let currentState = initialState; console.log('Initial State:', currentState); currentState = counterReducer(currentState, actions.increment(5)); console.log('After Increment by 5:', currentState); currentState = counterReducer(currentState, actions.decrement()); console.log('After Decrement:', currentState); currentState = counterReducer(currentState, actions.reset()); console.log('After Reset:', currentState);