大型反应项目的最佳实践

Question

我想开发我的第一个reactjs项目。这将是一个有很多观点和组件的大项目。

什么将是一个很好的最佳实践来获得它的结构？ ReactJS只是用于前端的东西以及REST与Play框架后端的通信。

Answer 1

我会说从路由器开始。确保你的路由器工作，如果url直接被击中，因为你需要回退后端路线，这将渲染React以及它将呈现在/路线。否则，使用类似Next.js这样的东西自动为你做。

如果您打算使用cookie，那么在早期阶段也可以实施它们。

我不知道你在建什么样的应用程序，但我建议使用Redux作为全局状态。一些全局状态的使用的例子：

从API

• 数据是，用于由多个组件
• 从部件的数据，用于由其它多个组件
• 共享状态（负载，禁用，例如，如果一个按钮是点击并加载和要禁用其他领域是从不同的组件，其良好的对全球装载机减速）

既然你将有很多的意见和组件，创建3个目录，components， containers，views。

使用哑元（无状态）组件的组件目录。将容器目录用于具有状态的组件。每个组件可能都是一个文件或一个包含CSS和图像文件的文件夹，然后将它们直接包含在组件JS文件中。最后查看每个页面的目录。

至于构建和其他的东西，如果你不喜欢webpack配置，你可以使用create-react-app或再次nextjs2初学者。

我不知道你的应用程序和它应该做什么，所以我无法提供更多提示。希望这有所帮助。

未来，请考虑使用Stackoverflow解决特定的问题问题，以及诸如此类的问题，请使用reddit，facebook反应组或其他允许使用通用问题的论坛。