jsx-info:显示JSX组件和道具使用情况的报告

【文件属性】：

文件名称：jsx-info:显示JSX组件和道具使用情况的报告

文件大小：106KB

文件格式：ZIP

更新时间：2024-05-22 09:50:45

TypeScript

jsx信息 显示JSX组件和道具使用情况的报告。 观看我的视频以获取更多信息。 为什么 首先，我认为看到所有这些信息会很酷。 但更重要的是，我认为jsx-info可用于帮助重构您的代码。 假设您有一个名为的组件，它需要43种不同的道具。 如果需要从头重写 ，则可能不希望保留尽可能多的不同道具。 使用jsx-info您可以分析使用最多的道具，然后首先开始移植该功能。 如果特定道具的使用率很低，您甚至可以选择摆脱该道具并重写调用代码以使用其他东西。 这里的预期工作流程是运行jsx-info并将数据与您的prop-type或TypeScript类型定义进行比较以发现差异。 安装 自动安装并运行jsx-info ： $ npx jsx-info （可选）在本地安装到您的项目中，以加快重复使用的速度： $ npm i -D jsx-info $

【文件预览】：
jsx-info-master
----.eslintrc.json(166B)
----.eslintrc.js(751B)
----src()
--------main.ts(9KB)
--------sleep.ts(118B)
--------jsx-info.ts(274B)
--------assertNever.ts(97B)
--------cli.ts(5KB)
--------printer.ts(623B)
--------types.d.ts(30B)
--------api.ts(14KB)
----fixtures()
--------empty()
--------basic()
--------prop-usage()
--------ts()
--------decorators()
--------error()
--------line-report()
----.travis.yml(111B)
----tsconfig.json(6KB)
----__tests__()
--------api.test.ts(4KB)
--------__snapshots__()
----LICENSE.md(1KB)
----README.md(4KB)
----jest.config.ts(6KB)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(41B)
----CHANGELOG.md(2KB)
----package-lock.json(328KB)
----package.json(2KB)