actions-new.ts

import { configureActionsWith } from './configured-actions';

interface CounterState { count: number }
const initialState: CounterState = { count: 0 };


const { configureAction, reducer } = configureActionsWith(initialState, 'COUNTER');
export const counterReducer = reducer;

export const addAction = configureAction<{ amt: number }>(
  'ADD',
  payload => state => ({ ...state, count: state.count + payload.amt }),
);

export const subtractAction = configureAction<{ howMany: number }>(
  'SUBTRACT',
  payload => state => ({ ...state, count: state.count - payload.howMany }),
);

// Usage
// dispatch(addAction.create({ amt: 12 }));

// const l = makeLens<CounterState>();
// export const addActionLens = configureAction<{ amt: number }>(
//   'ADD_WITH_LENS',
//   payload => l.k('count').set(count => count + payload.amt),
// );

// Thunks
// export const addThenDelayThenSubtract = (n1: number, n2: number) => async (dispatch: Dispatch) => {
//   dispatch(addAction.create({ amt: n1 }));
//   await sleep(100);
//   dispatch(subtractAction.create({ howMany: n2 }));
// };
// addThenDelayThenSubtract(1, 2)(dispatch);