Relyzer —— 一个 React FC 的运行分析工具

Relyzer —— 一个 React FC 的运行分析工具

摘要

React Hooks 带来了很多好处，同时也引入了一些困扰。常见的问题有： 为什么我的 useEffect 比我预期执行多得多？为什么 useCallback / useMemo 的返回值总是发生变化？

于是开发了这样的一个工具，配合 React Devtool 使用，在代码块中可视化地展示出 React 函数组件的属性及内部变量的变化情况，可以方便地定位到哪些值总是在发生变化。