javascript - Redux 应用程序结构 - 在哪里放置服务/业务逻辑？

Question

我正在编写我的第一个 Redux 应用程序并进行初始轮次，例如选择样板文件和了解其结构。我找到了一个非常好的，叫做 react-redux-starter-kit .

我需要编写一个由 API 提供的通知客户端(每隔 X 分钟它会查询 API 以获取通知 - 稍后可能会被 websocket 解决方案取代)。它不会有特定于路线的可见性——它总是会出现在标题栏中。考虑到上面的初学者工具包，将其代码库放在哪里最好？我来自 Symfony2 世界，我将业务逻辑放在一个名为 Notification 的类中进入src/services文件夹:

.
├── src
|  ├── components/Notification - UI
|  ├── ...
|  ├── services/Notification - Business logic - there is no services folder in the starter kit, so I'm not sure about this ..
|  ├── ...

我需要 Action 、一个存储和一个用于通知内容的缩减器，但我真的不确定将它们放在哪里。任何想法？谢谢。

更新:基于src/routes/<name of route component>/modules我想最好的办法是将应用程序范围的逻辑放入 src/modules/Notification 中文件。此外，如果代码库变得太胖，它可能会被拆分成像 Actions 这样的文件。 , Reducers在src/modules/Notification下福勒...

.
├── src
|  ├── components/Notification - UI
|  ├── ...
|  ├── modules
|  |  ├── Notification - Business logic
|  |  |  ├── actions.js
|  |  |  ├── reducers.js
|  |  |  ├── ...
|  ├── ...

更新:我找到了一个非常好的 article关于构建我们的 React Redux 应用程序。它引导读者了解不同的方法和困境，然后给出答案。

Answer 1

首先:样板文件/入门工具包可以有用，但根据评论，也令人困惑。 davezuko 工具包非常好，尽管随着时间的推移它肯定会变得更加复杂。如果有帮助，我有一个 list of some suggested starter kits在我的 React/Redux links list .我特别推荐tsaiDavid/simple-redux-boilerplate和 cesarandreu/web-app作为具有出色文档的更简单的工具包。

其次:需要能够执行 API 调用等操作的持久化逻辑通常进入 Redux 中间件或连接的 React 组件。我的Redux addons catalog有一个列表 socket and service adapter middlewares ，其中一些可能对您有用，或作为示例。

最后，您可能还想阅读 handling "business logic" in Redux 上的 Redux FAQ 问题.