easy-peasy-lemon-squeezy.js

import { createStore } from 'easy-peasy'

const store = createStore({
  todos: {
    items: ['Create store', 'Wrap application', 'Use store'],
    add: action((state, payload) => {
      state.items.push(payload)
    })
  }
})

const TodoList = () => {
  const todos = useStoreState(state => state.todos.items)
  const add = useStoreActions(actions => actions.todos.add)
  
  return (
    <div>
      {todos.map((todo, idx) => <div key={idx}>{todo}</div>)}
      <AddTodo onAdd={add} />
    </div>
  )
}

const App = () => {
  return (
    <StoreProvider store={store}>
      <TodoList />
    </StoreProvider>
  );
}