Javascript React redux应用程序文件夹结构

我理解react/redux应用程序的概念

我的问题是，有没有更好的方法来布局文件夹结构和文件

---

在对网上回购进行了大量研究之后，似乎每个人的做法都略有不同，这取决于他们的代码风格

另一方面，似乎有一套结构

这是不是让react更强大，因为您可以根据需求的变化进行调整和调整

---

社区是否同意任何固定模式？

正如你自己所说的那样；'每个人的做法都略有不同”。它可以帮助提供一些资源，对吗

我不知道你目前对React有多少经验。我个人从使用的传统结构开始，在其中创建了一个

src/redux

文件夹。其中我有一个actions+reducers文件夹。这适用于较小的应用程序

我在了解了这个方法之后改变了这个方法，它删除了很多样板和复制粘贴的简化程序

我目前正在使用

我的建议是尝试不同的方法，看看什么效果最好。这取决于你和你的同事的总体工作方式。例如，如果您知道每个人都使用CMD+P来搜索特定的文件，那么您更喜欢在文件名中更加明确，而不是使用

actions/posts.js

和

reducers/posts.js

文件，您更喜欢创建postsActions.js和postsReducers.js。我建议也阅读这两篇媒体文章，并从中获得灵感：

7月31日至18日编辑：

---

看到很多人仍在读这篇评论并投票表决。我想建议，如果你开始在一个大中型项目上工作，我一定会尝试获得一些关于TypeScript的知识并做出反应。我已经完全迁移到了TypeScript，因为由于打字、接口、泛型和更严格的要求，它使一段时间后回到项目中变得更加容易。这对您了解项目有很大帮助。它的几个缺点是您必须学习React库的类型以及如何使用它。查看特定库是否有可用的打字非常有帮助。此外，一些模式（如高阶组件）在打字脚本中可能会因为一开始的打字而变得笨拙。

“每个人的做法都略有不同”我想这就是你的答案。：）我对这个问题投了否决票，认为正如它所说的，

每个人的做法都略有不同。但是你的回答改变了我的想法。谢谢：）鸭子图案很棒。它让目录结构大致反映状态对象的嵌套方式。通常，您处理的是负责状态相同部分的reducer和action，因此按主题对它们进行分组是有意义的，而不是按它们是什么类型的模块进行分组。例如，从未理解将所有减速机放在一个文件夹中的好处。当然，这是一种结构，但一点帮助都没有。我已经在React工作了几年，我一直在努力解决的是中大型应用程序的应用程序结构。我现在找到了一种真正令人满意的工作方式。我开始使用TypeScript，以便更好地了解我使用的数据。我在redux存储中更多地使用选择器，所以我不必在我的组件中这样做（而且它是可重用的）——我使用“重新选择”来实现这一点。另一件对我有很大帮助的事情是更多地利用“redux saga”——这对于异步后台任务特别有用。@Alserda非常感谢您给出的积极回答。我真的很感谢你的帮助。非常感谢