arnelenero

import React, { useCallback } from 'react';

import { useCounter } from './entities';

const CounterView = () => {
  const [counter, { increment, decrement }] = useCounter();

  const handleClickIncrement = useCallback(() => increment(), []);
  const handleClickDecrement = useCallback(() => decrement(), []);

arnelenero

import { makeEntity } from 'react-entities';
import * as counter from './counter'

export const useCounter = makeEntity(counter);

arnelenero

export const initialState = {
  value: 0
};

export function increment() {
  this.setState({ value: this.state.value + 1 });
}

export function decrement() {
  this.setState({ value: this.state.value - 1 });