example2.js

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

const store = createStore({
  list: [],
  state: 'INIT'
});

const loadTodoList = createEffect(listApi);

store.on(loadTodoList, (store) => ({
  ...store,
  state: 'LOADING'
}));

store.on(loadTodoList.doneData, (_, list) => ({
  list,
  state: 'SUCCESS'
}));

store.on(loadTodoList.failData, () => ({
  list: [],
  state: 'ERROR'
}));

const listStore = store.map(store => store.list);
const stateStore = store.map(store => store.state);

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

export {
  listStore,
  stateStore,
  pageMounted
}