什么是React + Redux项目的标准文件夹结构？

Question

React + Redux项目的标准文件夹结构是什么？

你把

放在哪里

• 行动类型
• 部件
• 等...

当我看react-redux-socketio-chat时，我觉得这可能太过分了。它是标准的吗？

Answer 1

Eni Arinde建议的结构与Redux文档中建议的结构一致。

您可能会发现此提案也很有趣： https://github.com/erikras/ducks-modular-redux

基本上，您通过将动作创建者和减少者捆绑在一起来制作模块。这确实很有意义，因为你会发现它们很紧密地耦合在一起。

Answer 2

我有一个样板，它具有鸭式风格的react redux基本设置。您可以在这里找到它：https://github.com/nlt2390/le-react-redux-duck

通常，这是文件夹结构的样子 react redux file structure

• 组件：对组件进行反应
• 容器：使用connect(Component)
将组件连接到redux
• 状态：包含Redux存储中的数据，例如{ post: [], postDetails: {title: 'lorem' } }
• 页面：包含许多“组件” 和“容器”
• 布局：包含react-router中的路由，并在其中包含一些html。
• 实用程序：包含所有在整个应用程序中使用的函数，常量，例如convertStringToNumber()，apiUrl等

Answer 3

你的反应+ redux app的结构没有标准，但有一个共同的模式。这个简单的样板simple-redux-boilerplate是常用模式的一个很好的例子。