React+Redux 项目的标准文件夹结构是啥？
Posted
技术标签:
【中文标题】React+Redux 项目的标准文件夹结构是啥？【英文标题】：What's the standard folder structure of a React+Redux project?React+Redux 项目的标准文件夹结构是什么？ 【发布时间】：2016-06-15 01:09:18 【问题描述】：React+Redux 项目的标准文件夹结构是什么？
你把它放在哪里
动作类型 组件 等等……当我看到react-redux-socketio-chat 时，我觉得这可能太多了。标准吗？
【问题讨论】：
【参考方案1】：对于如何构建 react+redux 应用程序没有标准，但有一个通用模式。这个简单的样板文件simple-redux-boilerplate 是常用模式的一个很好的例子。
【讨论】：
【参考方案2】：Eni Arinde 建议的结构与 Redux 文档中建议的结构一致。
您可能会发现这个提议也很有趣： https://github.com/erikras/ducks-modular-redux
基本上，您通过将动作创建器和减速器捆绑在一起来制作模块。这确实很有意义，因为您会发现它们相当多地耦合在一起。
【讨论】：
【参考方案3】：我有一个样板，其中包含按照鸭子风格进行的 react redux 基本设置。你可以在这里找到它：https://github.com/nlt2390/le-react-redux-duck
一般来说，文件夹结构是这样的 react redux file structure
组件：反应组件 容器：组件使用connect(Component)连接到redux
页面：包含许多“组件”和“容器”
layouts：在react-router 中包含 “pages” 和 “routes”，其中包含一些 html。
utils：包含在整个应用程序中使用的任何函数、常量，例如 convertStringToNumber()、apiUrl 等
state：包含“actions”、“reducers”、redux store 中的数据，如 post: [], postDetails: title: 'lorem'
【讨论】：
以上是关于React+Redux 项目的标准文件夹结构是啥？的主要内容，如果未能解决你的问题，请参考以下文章
在 React Redux 应用程序中规范化状态的示例是啥？