大型 React 项目的最佳实践
bestpractises for big react projects
我想开发我的第一个 reactjs 项目。这将是一个有很多视图和组件的大项目。
在其中获取结构的最佳做法是什么？ ReactJS 仅用于前端内容以及通过 REST 与 Play 框架后端进行通信。
我会说从路由器开始。如果 url 被直接命中，请确保你的路由器工作，因为你需要回退后端路由来渲染 React 以及它会在 / 路由上渲染。或者，使用 Next.js 之类的东西自动为您完成。
如果您打算使用 cookie，最好也尽早实施。
我不知道你在构建什么样的应用程序，但我建议对全局状态使用 Redux。一些全局状态使用示例：
- 来自 API 的数据被多个组件使用
- 来自被其他多个组件使用的组件的数据
- 共享状态（加载、禁用，例如，如果单击并加载一个按钮，并且您想禁用来自不同组件的其他字段，那么最好为全局加载器配备 reducer）
由于您将有很多视图和组件，因此创建 3 个目录，components、containers、views。
为哑（无状态）组件使用组件目录。将容器目录用于具有状态的组件。每个组件可能是一个文件或文件夹，其中还包含 CSS 和图像文件，然后将这些直接包含在您的组件 JS 文件中。最后查看每个页面的目录。
至于构建和其他东西，如果你对 webpack 配置不满意，你可以使用 create-react-app 或再次 nextjs2 初学者。
我不知道你的应用是关于什么的，它应该做什么，所以我无法提供更多的提示。希望这有所帮助。
将来，考虑使用 Whosebug 解决特定问题，对于此类问题，请使用 reddit、facebook react group 或其他允许通用问题的论坛。
我想开发我的第一个 reactjs 项目。这将是一个有很多视图和组件的大项目。
在其中获取结构的最佳做法是什么？ ReactJS 仅用于前端内容以及通过 REST 与 Play 框架后端进行通信。
我会说从路由器开始。如果 url 被直接命中，请确保你的路由器工作，因为你需要回退后端路由来渲染 React 以及它会在 / 路由上渲染。或者，使用 Next.js 之类的东西自动为您完成。
如果您打算使用 cookie，最好也尽早实施。
我不知道你在构建什么样的应用程序，但我建议对全局状态使用 Redux。一些全局状态使用示例：
- 来自 API 的数据被多个组件使用
- 来自被其他多个组件使用的组件的数据
- 共享状态（加载、禁用，例如，如果单击并加载一个按钮，并且您想禁用来自不同组件的其他字段，那么最好为全局加载器配备 reducer）
由于您将有很多视图和组件，因此创建 3 个目录，components、containers、views。
为哑（无状态）组件使用组件目录。将容器目录用于具有状态的组件。每个组件可能是一个文件或文件夹，其中还包含 CSS 和图像文件，然后将这些直接包含在您的组件 JS 文件中。最后查看每个页面的目录。
至于构建和其他东西，如果你对 webpack 配置不满意，你可以使用 create-react-app 或再次 nextjs2 初学者。
我不知道你的应用是关于什么的，它应该做什么，所以我无法提供更多的提示。希望这有所帮助。
将来，考虑使用 Whosebug 解决特定问题，对于此类问题，请使用 reddit、facebook react group 或其他允许通用问题的论坛。