不同角色反应 redux 申请者架构答案

【问题标题】：Different role react redux applicant architecture不同角色反应 redux 申请者架构
【发布时间】：2017-09-01 12:18:14
【问题描述】：

所以对于一个使用 react redux 的 webapp，一个 webapp 通常会包含几个文件夹，比如 reducers、actions、containers、components、store.js 和 app.js。现在我想要一个电子商务系统的管理员管理仪表板。对于普通用户，他们可以管理他们的个人资料、结帐、添加到图表等，但对于管理员来说，他可以添加项目、调整库存等，那么应用程序结构会是什么样子？

似乎我必须有 2 组减速器、动作、容器、组件、store.js，因为它们是不同的东西。也许我可以减少一些组件。

有什么想法吗？

【问题讨论】：

您可以拥有任意数量的减速器、动作、组件等。只需拆分组件。您最终可能会得到大量组件。但请坚持 StackOverflow Q&A 格式，不要征求个人意见。要设计结构，这个 github repo 可以帮助我：github.com/alexnm/re-ducks
@Larce 许多其他作者并没有这样构建他们的应用程序，repo 显示了一种固执己见的方法。

标签： reactjs redux

【解决方案1】：

使用 React / Redux，您主要掌握如何构建应用程序。

您不需要不同的减速器/动作或组件。您需要做的就是在您的应用程序中对用户可以做什么和不能做什么进行某种分离。再次由您决定如何构建它。例如，我将有一个名为 Common 的文件夹（所有用户都可以看到的页面，如登录）和一个超级用户（管理员）的文件夹。考虑到管理员可以看到所有页面，简单用户可以看到哪些页面将位于 Common 文件夹中。

从那里您需要做的就是设置某种身份验证方法来检查用户是超级用户还是普通用户。例如，如果普通用户更改 URL 以转到他们不应该看到的页面，您将需要实现一种方法来防止这种情况发生。但这与您的文件结构无关。

【讨论】：