Counter.jsx

import { initialize, split } from "apothecary";
import { tunnel, fromProps } from "react-apothecary";

const store = initialize({ n: 1 });

const increment = step => split(n => n + step, "n");

const decrement = step => split(n => n - step, "n");

...

const CounterApp = tunnel(
  (state, props) => {
    return { n: state.n + props.offset };
  },
  fromProps(props => ({
    inc: increment(props.step),
    dec: decrement(props.step)
  }))
)(Counter);