你如何清理 Redux 的状态？

Question

作为一个 Redux 初学者，给定（的想法）一个更大的应用程序，我想象一个类似于以下的 root reducer：

const rootReducer = combineReducers({ accounting, crm, sales })

在这种情况下，应用程序状态将包含会计、crm 和销售，即使用户只使用应用程序的一部分。这可能是有利的，例如在会计和 CRM 之间来回切换时作为缓存，但您可能不希望保留曾经打开的所有视图的所有数据，即没有任何修剪的完整可能状态树，永远在应用程序中，甚至在加载时将整个树初始化为其初始状态。

是否有成语、模式或库可以解决这个问题，或者我错过了什么？

作为解决保留所有数据的部分解决方案，我想像在离开应用程序的某些部分时将部分状态重置为其初始状态，并给出一些声明性规则，例如：

• 当<Accounting/>接收到componentWillUnmount时设置accounting = {}（间接地，通过ACCOUNTING_LEAVING等动作）
• 当<MailEditor/>收到componentWillUnmount时删除/设置crm.mail = {}

我还没有看到以任何方式清理状态的示例。许多“列表+详细视图”示例存储类似{ list: [...], detail: {...} } 的状态，但是当切换到详细视图时，列表既不会被清空，也不会被清空，也不会被删除。当我稍后可能会返回列表视图时，这很好，但在使用应用程序 9 到 5 时却没有释放数据。

Answer 1

一些相关的想法：

• 除非您期望在您的存储中缓存数十或数百兆字节的数据，否则您可能过早地担心这一点。编写您的应用、基准测试，然后进行优化。
• 为清理部分商店而采取的调度行动是完全有效和合理的。
• 我的Redux addons ecosystem catalog 可能列出了一些有用的库。特别是，Component State 和 Reducer 页面指向一些库，这些库执行诸如动态添加和删除存储中的 reducer 以及重置状态等操作。
• 您可能也对我收集的优质React and Redux tutorials感兴趣。

总体而言，如何组织状态、更新时间以及更新内容取决于您自己。 Redux 只是为进行更新的过程提供了模式和规则。