在对repos在线做了大量研究后,似乎每个人都会根据代码的味道略有不同.
另一方面,Angular表明存在一组结构.
这是什么使得反应更强大,因为您可以根据需求的变化进行调整和调整?
社区是否同意任何既定模式?
解决方法
我不知道你目前对React有多少经验.我个人开始使用传统的结构,使用dumb / smart component pattern,我在其中创建了一个src / redux文件夹.在那之内我有一个动作reducers文件夹.这适用于较小的应用程序.
在了解了Redux Ducks pattern后,我改变了这种方法,删除了大量的样板和复制粘贴缩减器.
我目前正在使用this structure.
我的建议是尝试不同的方法,看看哪种方法效果最好.这取决于你和你的同事一般的工作方式.例如 – 如果您知道每个人都使用他们的CMD P来搜索特定文件,您更喜欢在文件名中更明确,而不是使用您更喜欢创建的actions / posts.js和reducers / posts.js文件而是postsActions.js和postsReducers.js.我建议你阅读这两个Medium帖子,作为灵感:
> My journey toward a maintainable project structure for React/Redux
> How to better organize your React applications?
如果您需要任何帮助/更多来源可以向您学习,您可以随时与我联系.我希望这可以帮助你.
编辑于7月31日18日:
看到很多人仍然阅读这个评论并赞成它.我想建议,如果你开始从事大中型项目,我肯定会尝试获得有关TypeScript和React的一些知识.我已经完全迁移到TypeScript,因为它会使一段时间后由于打字,接口,泛型而更加严格地重新进入项目变得更容易.它对您的项目概述非常有帮助.它的一些缺点是你必须学习React库的类型以及如何使用它. TypeSearch极大地帮助查看特定库是否有可用的类型.由于首先是打字,因此一些模式(如高阶组件)在TypeScript中可能会很笨拙.