推荐使用：re-reselect——深度缓存与智能管理的Reselect扩展库-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00007/article/details/138893642

推荐使用：re-reselect——深度缓存与智能管理的Reselect扩展库

re-reselectEnhance Reselect selectors with deeper memoization and cache management.项目地址:https://gitcode.com/gh_mirrors/re/re-reselect

项目介绍

re-reselect 是一款轻量级库，它是对流行的状态选择器库 Reselect 的增强版本。主要目标是提供更深入的缓存机制和灵活的缓存管理功能。在 Reselect v5+ 中，虽然已经支持自定义缓存解决方案，但 re-reselect 仍然保持着向后兼容性，以满足特定场景的需求。

项目技术分析

re-reselect 最大的亮点在于它可以创建能够根据不同参数调用来转发到不同内部 reselect 选择器的智能选择器。这使得选择器可以保持计算结果的缓存，避免不必要的重复计算。当输入参数变化时，它会判断是否需要新建选择器或从缓存中获取已存在的结果，从而实现更高效的性能优化。

项目及技术应用场景

1. 缓存保留

当你连续使用同一选择器但参数略有不同的时候，re-reselect 可以保持缓存，避免重复计算。

2. 多个相似选择器合并

使用 re-reselect，你可以将多个类似的独立选择器合并为一个，提高代码复用性和效率。

3. 共享组件选择器

对于多个实例共享相同选择器但参数不同的情况，re-reselect 提供了解决方案，让组件之间能够安全地共享并缓存选择器。

4. 动态选择器创建

能够在运行时动态创建选择器，适应复杂的应用需求。

项目特点

智能缓存管理：依据输入参数自动决定创建新选择器还是从缓存中查找。
缓存策略扩展：允许使用自定义缓存策略，包括限制缓存大小等。
无缝集成：使用方式与原生 reselect 选择器一致，替换原有选择器即可启用缓存功能。
兼容性好：支持 reselect v5+，同时也考虑了旧版的兼容问题。

以下是一个简单的示例：

import {createCachedSelector} from 're-reselect';
...
const getUsersByLibrary = createCachedSelector(
  getUsers,
  getLibraryId,
  (users, libraryId) => expensiveComputation(users, libraryId),
)(
  (_state_, libraryName) => libraryName
);
...

在这个例子中，getUsersByLibrary 根据 libraryName 来区分不同的缓存，避免因切换 libraryId 而引起的无效缓存重置。