React 渲染流程可视化，有大佬实现了！

文章预览

终于有大佬把 React 复杂的流程可视化出来了，让我们来看看效果： 体验这个功能的网址：https://jser.pro/ddir/rie 下面是作者关于这个功能的介绍 ： 我为什么创建它？ 当我在 2021 年首次深入探索 React 时，我为自己绘制了一些 图表 [1] 来帮助理解 React 的内部结构，下面是其中之一。 React 内部结构图 显然，这需要大量的手动工作，而且它只是个静态图片，如果我们能自动可视化 React 的内部结构而且让它动起来，是不是更好？我心中有这个可视化工具的想法已经很久了，后来我动手实现了。 如何使用它？ RIE（React 内部结构探索器） [2] 的用户界面应该是很直观的，基本上你可以： 选择 React 版本（目前支持 18.3.1 和 19-rc） 编辑你的代码或选择内置代码片段 点击“运行”按钮来检查 React 的内部结构 交互预览，并查看内部更新。 React Internals Explorer 介绍 ………………………………