yarn add effectful

// effects/index.js
 
const fetchTodos = async (state, action, dispatch) => {
  const { searchQuery } = state;
  const url = `https://my-api.com/todos?query=${searchQuery}`;
 
  try {
    const response = await fetch(url);
    const { todos} = await response.json();
 
    dispatch(fetchTodosSuccess(todos));
  } catch (error) {
    dispatch(fetchTodosFail(error));
  }
};
 
export default {
  APP_MOUNTED: fetchTodos,
  SEARCH_QUERY_CHANGED: fetchTodos
};

// store/index.js
 
import { createStore, applyMiddleware } from 'redux';
import applyEffects from 'effectful';
import todos from '../reducers';
import effects from '../effects';
 
const store = createStore(
  todos,
  applyMiddleware(applyEffects(effects));
);