跟踪 React 组件中未使用的 redux 数据



我正在寻找一种很好的方法来跟踪组件收到的哪些道具未被使用并且可以安全地删除。

在我维护的系统中,我们的客户端单页应用通过 redux saga 从后端服务中的一些专用终结点获取大量数据。对于大多数调用的端点,所有接收到的数据都直接传递给我们的 React 组件,不应用过滤。我们正在努力提高整体系统性能,该过程的一部分涉及减少后端到前端服务返回的数据量,因为这些服务本身调用大量服务来组成返回的 JSON 数据,这会增加整体响应时间。

理想情况下,我们希望确保只获取我们绝对需要的数据,并避免服务器进行不必要的调用和数据规范化。到目前为止,我们一直在通过执行代码检查来修剪后端服务数据;我们检查每个端点的返回数据,然后检查前端代码,最后删除我们标识(作为最佳猜测(未使用的数据。事实证明,这是有风险和低效的,我们经常假设一些数据未被使用,然后在几个月后找到实际需要它的极端情况,并且不得不扭转工作。我正在寻找一种智能、自动化的方式来识别应用程序中未使用的道具。以前有没有人做过这样的事情?想法?

有一个名为 https://github.com/aholachek/redux-usage-report 的现有库,它将 Redux 状态包装在代理中,以识别实际正在使用的状态片段。

这可能与你正在做的事情非常相似,从而有所帮助,或者至少给你一些你可以从中汲取灵感的想法。

最新更新