Redux - 繁重的工作应该在哪里发生 - 化简器，动作，容器或表示组件

我一直在尝试实现这里教授的容器/表示组件范式。但是，我对我的一些代码应该去哪里有点困惑。

假设我有一个简单的项目列表。单击一个项目时，应将其从列表中删除。修改列表的代码应该放在我的化简器、操作创建器、容器组件还是表示组件中？

还原剂：

case 'REMOVE_ITEM':
  return Object.assign({}, state, {items: action.value})

动作创建者：

export function removeItem(items) {
  return {
    type: 'REMOVE_ITEM',
    value: items
  };
}

现在我们的容器组件：

import ItemsList from './ItemsList';
import { connect } from 'react-redux';
import * as actions from './actions';
var mapStateToProps = function(state) {
  return {
    items: state.itemsList.items
  };
};
var mapDispatchToProps = function(dispatch) {
  return {
    onItemClicked: function(items) {
      dispatch(actions.removeItem(items));
    }
  };
};
var ItemsListContainer = connect(
  mapStateToProps,
  mapDispatchToProps
)(ItemsList);
module.exports = ItemsListContainer;

最后是表现组件：

import React from 'react';
module.exports = React.createClass({
  showRows: function() {
    return this.props.items.map(item => {
      return (
        <li key={item.id} onClick={this.props.onItemClicked}>{item.title}</li>
      );
    });
  },
  render: function() {
    return (
      <ul>
        {this.showRows()}
      </ul>
    );
  }
});

然后，在某些时候，我们需要一些代码来删除列表项。单击该项目时，我们需要将其从项目列表中拼接。该代码应该去哪里？

我可以看到它在表示组件中，然后在修改列表后从容器组件调用 onItemClicked 回调。

我可以看到它在容器组件中，因此表示组件尽可能愚蠢。不过，我需要一种方法来访问状态（以获取项目），并且由于我已经将项目作为道具传递到表示组件中，因此在那里这样做对我来说更有意义。

我可以看到它在动作创建器中，删除的项目作为 removeItem 函数的第二个参数。

把它放在化简器中似乎是一个坏主意，因为做一堆计算（修改数组）似乎是应该在调度操作之前而不是之后发生的事情。

修改阵列的繁重工作应该在哪里发生？似乎它应该放在表示组件中，但我知道这些应该是愚蠢的组件......