大型反应项目的最佳实践

Question

我想开发我的第一个reactjs项目。这将是一个包含大量视图和组件的大项目。

获得结构的最佳做法是什么？ ReactJS仅用于前端内容以及通过REST与Play框架后端进行的通信。

Answer 1

我想说从路由器开始。如果直接命中url，请确保您的路由器正常工作，因为您需要后备后端路由，这些路由将呈现React以及它将在/路由上呈现。或者，使用像Next.js这样的东西自动为你做这件事。

如果您打算使用cookies，最好在早期实施它们。

我不知道你正在构建什么样的应用程序，但我建议将Redux用于全局状态。一些全局州使用示例：

• 来自多个组件使用的API的数据
• 来自其他多个组件使用的组件的数据
• 共享状态（加载，禁用，例如，如果单击一个按钮并加载，并且您想要禁用来自不同组件的其他字段，则可以使用全局加载器的减速器）

由于您将拥有大量视图和组件，因此请创建3个目录components，containers，views。

将组件目录用于哑（无状态）组件。对于具有state的组件，请使用container目录。每个组件也可以是包含CSS和图像文件的文件或文件夹，然后将它们直接包含在组件JS文件中。最后查看每个页面的目录。

至于构建和其他内容，如果您对webpack配置不满意，可以使用create-react-app或nextjs2启动器。

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

将来，请考虑将Stackoverflow用于特定问题，对于诸如此类的问题，请使用reddit，facebook react group或其他允许通用问题的论坛。