javascript – React redux应用程序文件夹结构

前端之家收集整理的这篇文章主要介绍了javascript – React redux应用程序文件夹结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我理解react / redux应用程序的概念.

我的问题是,是否有一种首选的方法来布局文件夹结构和文件.

在对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中可能会很笨拙.

原文链接:https://www.f2er.com/js/158476.html

猜你在找的JavaScript相关文章