React Redux app结构多个角色

时间:2018-01-07 04:13:54

标签: javascript reactjs ecmascript-6 redux

我打算使用react redux做一个SPA网络应用程序,我一直在寻找合适的前端架构师。

因此,应用可以让用户出价产品,管理员可以批准或管理产品。应用程序结构如何?

actions
- admin
- user
reducers
- admin
- user
containers
- admin
- user
components
route.js //load admin or user
userStore.js
adminStore.js

以上结构有意义吗? route.js将检测角色并加载相关路由,然后在每个redux相关文件夹中,如actions,redurs,store必须有2个版本。

1 个答案:

答案 0 :(得分:2)

如果您使用的是Webpack,可以尝试多个srcentry

src-admin
 - actions
 - reducers
 - containers
 - components
 - ...
 - adminRoute.js
 - admin.js
src-user
 - actions
 - reducers
 - containers
 - components
 - ...
 - userRoute.js
 - user.js
webpack.config.js

并在webpack.config.js中:

entry: {
  app: ['./src-user/user.js', '.src-admin/admin.js'],
  vendors: ['react']
}