简介
record-redux 是一个轻量级的 npm 包，是基于 Redux 库的一个记录轮廓变化的中间件，它可以捕获应用程序中的所有 action，并把这些 action 和当前的 state 记录到日志中，方便开发者进行调试、排错和回退操作。
在使用 record-redux 之前，你需要先掌握 Redux 库的基本用法和 Redux 中间件的实现原理。
安装
npm install record-redux
使用
应用中间件
import { createStore, applyMiddleware } from 'redux';
import recordMiddleware from 'record-redux';
import rootReducer from './reducers';
const store = createStore(
rootReducer,
applyMiddleware(recordMiddleware) // 使用 recordMiddleware 中间件
);获取日志
import { getLogs } from 'record-redux';
const logs = getLogs(); // 获取日志示例代码
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ----------------- - ------- - ---- ---------------
-- -- -------
----- ------- - -
--------- -- -- -- ----- ---------- ---
--------- -- -- -- ----- ---------- ---
--
-- -- -------
----- ------- - ------ - - ------ - -- ------- -- -
------ ------------- -
---- -----------
------ - --------- ------ ----------- - - --
---- -----------
------ - --------- ------ ----------- - - --
--------
------ ------
-
--
-- -- -----
----- ----- - -------------------- -----------------------------------
-- -- ----- --
------------------ -- -
------------------------------------
---
-- -- -----
-----------------------------------
-----------------------------------
-----------------------------------
-- ----
----- ---- - ----------
------------------意义
record-redux 相当于为开发者提供了一个时间旅行的工具，当应用程序出现问题或者错误时，开发者可以根据记录的日志信息进行分析和回退操作。这对于应用程序的维护和更新是非常有帮助的。
另外，record-redux 还可以为新手开发者提供更好的学习和理解 Redux 中间件的实现原理，从而更加深入地掌握 Redux 库的应用。
深度
record-redux 的实现原理就是基于 Redux 中间件的原理，它在 applyMiddleware 函数中对于每一个 action 进行捕获和记录。同时，它还实现了一个 getLogs 函数，通过获取记录的日志信息，开发者可以对应用程序的状态进行跟踪和调试。
要注意的是，record-redux 中间件会记录所有的 action 和当前的 state ，因此如果应用程序中状态比较庞大或者 action 较为频繁，那么记录的日志信息也会非常庞大，因此要控制记录日志的数量。
总结
本文介绍了 npm 包 record-redux 的使用教程和实现原理，同时给出了示例代码供开发者参考。record-redux 提供了一种记录 Redux 应用程序状态变化的方法，方便开发者进行调试和回退操作。它的使用对于应用程序的维护和更新非常有帮助，而且对于新手开发者来说，也是一个很好的学习和理解 Redux 中间件实现原理的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005673481e8991b448e3b78