example1.js

import { createStore, createEffect } from 'effector';
import { listApi } from '../../api/Todo';

const listStore = createStore([]);
const stateStore = createStore('INIT');

const loadTodoList = createEffect(() => listApi());

stateStore.on(loadTodoList, () => 'LOADING');

stateStore.on(loadTodoList.doneData, () => 'SUCCESS');
listStore.on(loadTodoList.doneData, (_, list) => list);

stateStore.on(loadTodoList.failData, () => 'ERROR');
listStore.on(loadTodoList.failData, () => []);

const pageMounted = loadTodoList.prepend(() => null);

export {
  listStore,
  stateStore,
  pageMounted
}