使用React和Redux构建认证流的结构



我有一个React/Redux应用程序的工作授权流,我使用reselect和Redux -saga来处理状态选择和异步登录/注册功能。

我有一个容器,我一直用于测试,登录,注册,注销都工作。然而,现在我正试图找出构建应用程序的"正确"方法。

我的登录表单和注册表单应该是自己的容器与所有功能内置?如果我这样做,我发现自己复制了某些动作和代码,例如SET_AUTH动作。

它是"正确的"复制代码和分开的容器?还是我还漏掉了什么?

我最终在我的根容器(app .js)中全局创建了我的身份验证容器和reducer,然后从我的应用程序周围调度操作-由于saga是全局的,它们总是可用的,并且只需等待分派的操作。

对于管理每个容器的状态,我最终使用reselect从应用程序的各个部分抓取状态片。

最新更新