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

时间:2021-05-02 16:04:05
【文件属性】:
文件名称:jsx-info:显示JSX组件和道具使用情况的报告
文件大小:106KB
文件格式:ZIP
更新时间:2021-05-02 16:04:05
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)

网友评论