使用 React 和 Redux 进行身份验证流程的结构

Question

我有一个适用于 React/Redux 应用的身份验证流程，我正在使用 reselect 和 redux-saga 来处理状态选择和异步登录/注册功能。

我有一个用于测试的容器，登录、注册、注销都可以正常工作。但是，现在我正在尝试找出构建应用程序的“正确”方式。

我的登录表单和注册表单应该是它们自己的容器，并内置所有功能吗？如果这样做，我会发现自己重复了某些操作和代码，例如 SET_AUTH 操作。

复制代码并分离容器是否“正确”？还是有其他我想念的方式？

Answer 1

我最终在我的根容器 (App.js) 中全局创建了我的身份验证容器和减速器，然后只从我的应用程序周围调度操作 - 因为 sagas 是全局的，所以它们总是可用的，只需等待已分派的操作。

为了管理每个容器的状态，我最终使用 reselect 从应用程序的各个部分获取状态切片。