react-lifecycle-visualizer：用于React生命周期方法的实时可视化器

【文件属性】：

文件名称：react-lifecycle-visualizer：用于React生命周期方法的实时可视化器

文件大小：5.13MB

文件格式：ZIP

更新时间：2024-02-26 15:54:40

react reactjs trace visualizer lifecycle-methods

React Lifecycle Visualizer 一个npm包（ ），用于跟踪和可视化任意React组件的生命周期方法。 要跟踪组件，请对其应用较高级别的组件traceLifecycle ，其所有生命周期方法调用将显示在可重播的日志组件中。 此外，跟踪部件可以包括一个在其渲染以显示与生命周期方法中，选择相应的日志条目时，被突出显示的屏元件。 用法 最简单的入门方法是打开并在src/samples编辑示例组件。 （为了更好地查看日志，请按右上角的“在新窗口中打开”按钮。） 该面板显示了新的React 16.3生命周期方法，除非该

【文件预览】：
react-lifecycle-visualizer-master
----.travis.yml(214B)
----.babelrc(401B)
----images()
--------parent-child-demo.gif(5.04MB)
----jsconfig.json(66B)
----package.json(3KB)
----test()
--------integration.test.jsx(10KB)
--------TracedLegacyUnsafeChild.jsx(591B)
--------typescript()
--------TracedChild.jsx(1KB)
--------setup.js(174B)
--------TracedLegacyChild.jsx(1KB)
--------deprecation.test.jsx(2KB)
--------unsafe.test.jsx(4KB)
----LICENSE(1KB)
----package-lock.json(538KB)
----src()
--------index.js(369B)
--------traceLifecycle.jsx(8KB)
--------redux()
--------util.js(1KB)
--------react-lifecycle-visualizer.scss(2KB)
--------components()
--------constants.js(3KB)
----.npmignore(144B)
----.eslintrc.js(2KB)
----index.d.ts(1KB)
----examples()
--------parent-child-demo()
----.gitignore(83B)
----webpack.config.js(1KB)
----public()
--------index.html(414B)
----README.md(7KB)
----scripts()
--------tag-release.sh(2KB)