reactjs - 前端和仪表板的 React Redux 文件夹结构

标签 reactjs redux directory-structure mern

我正在使用 MERN 堆栈来开发应用程序。前端(React + Redux)与后端(express + mongo)完全隔离。我正在使用 CORS、JWT 和所有好的东西来连接它们。前端本身有一个用户 View 和仪表板或管理 View 。现在我陷入了需要根据文件夹结构定义 react 路线的境地。有人可以建议我适合我的用例的正确文件夹结构和路由器配置吗?

最佳答案

如果您计划使用一些通用组件,或者双方(用户和仪表板)的应用程序都不是很大,您可以将所有 View 存储在同一目录中,例如我认为的 /client

关于路线,视情况而定。如果你使用像 react-router 这样的东西,ofc.您应该将路由存储在客户端文件夹中。或者您可以创建像 common 这样的目录来在服务器端和客户端使用一些共享功能(和路由)。

关于reactjs - 前端和仪表板的 React Redux 文件夹结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38394279/

相关文章:

reactjs - 将react-text-mask与Material-UI输入一起使用时渲染 "outlined"输入

javascript - 更改状态和过滤器列表的复选框

linux - 如何防止用户在Linux中创建、删除、重命名目录?

reactjs - 在 React 组件中本地操作 redux 状态的最佳实践

react-native - 路由 '' 的组件必须是 React 组件

directory-structure - 开发目录结构

c++ - 为 Visual Studio 解决方案中的所有项目设置目录结构?

javascript - Redux 路由器 - "Dispatch is not defined"

javascript - 如果我需要 react 虚拟化,如何在 DOM 中呈现整个网格?

reactjs - Webpack 5 模块联合微前端和 react-redux 不工作