example.ts

import { createActions, handleActions, combineActions } from 'redux-actions';

const defaultState = { counter: 10 };

const { increment, decrement } = createActions({
  INCREMENT: (amount = 1) => ({ amount }),
  DECREMENT: (amount = 1) => ({ amount: -amount })
});

const reducer = handleActions(
  {
    [combineActions(increment, decrement)]: (
      state,
      { payload: { amount } }
    ) => {
      return { ...state, counter: state.counter + amount };
    }
  },
  defaultState
);

export default reducer;


//vs

import {createStore, createApi} from "effector";

const defaultState = { counter: 10 };

const counter = createStore(defaultState);
const {increment, decrement} = createApi(counter, {
  increment: (s, payload = 1) => ({...s, counter: s.counter + payload}),
  decrement: (s, payload = 1) => ({...s, counter: s.counter - payload})
});

export default counter