If there are no asynchronous requests in the action, is it necessary to use middleware?

Question

React

Greetings) Is it necessary to use middleware if there are no asynchronous requests in the action... but you need to do some calculations, for example, or something else...? Or is middleware only needed for asynchronous actions ?
1) Write like this?

const action = (a, b, c) => {
  return dispatch => {
    const result = (a,b,c) => a + b + c;

    dispatch(dispatchResult(result))
  }
};

const dispatchResult = (result) => {
  return {
    type: ACTION_TYPE,
    payload: {
      result: result
    }
  };
}

2) Or so?

const action = (a, b, c, d) => {
  const result = (a,b,c) => a + b + c;

  return {
    type: ACTION_TYPE,
    payload: {
      result: result
    }
  };
};

How right?
Thank you)

Answer 1

For asynchronous actions, use the redux-thunk middleware, with it you can write this kind of code:

const fetchData = () => {
  return async (dispatch) => {
    // start fetching
    dispatch({type: FETCH_DATA_START});
    try {
      const {data} = await api.fetch('/data');
      dispatch({type: FETCH_DATA_SUCCESS, data});
    } catch (err) {
      dispatch({type: FETCH_DATA_ERROR, error: err});
    }
  }
}

Answer 2

count directly in the component

import { sum } from 'lodash'
...
// где-то в методе какого-то компонента
this.props.action(sum([a, b, c]))
...
const action = payload => ({
    type: ACTION_TYPE,
    payload
});