Displays a report of JSX component and prop usage.
Watch my demonstration video for more information.
Automatically install and run jsx-info:
$ npx jsx-info
(Optional) Install locally to your project to speed up repeated usage:
$ npm i -D jsx-info
$ npx jsx-info
$ npx jsx-info
jsx-info hooks into .gitignore files to automatically ignore files that are
not part of your project (typically node_modules/ and other directories). It
does not have any other way of filtering out files, currently.
If you pass additional arguments, they are JSX element names to scan for (instead of scanning every JSX element):
$ npx jsx-info div button React.Fragment
By default jsx-info starts scanning in the current directory, but you can use
a different directory like this:
$ npx jsx-info --directory app/src
jsx-info strives to parse all standard JS, JSX, and TypeScript syntax. This
means that only stage-3 or higher
proposals will be supported. I do
not recommend using non-official JS syntax in your project.
If you are having problems with jsx-info parsing your code, please file an
issue. There are many options I can pass to Babel's parse function, and I'm
trying to be conservative with how many I pass.
My hope is to update jsx-info based on community feedback. It is NOT
available as a library to require() on npm, only as a command line program.
The current text output format is NOT stable and should not be parsed by
programs. If there is sufficient community interest, I may consider exposing the
code as a JS library for more customized use cases (such as parsing non-standard
syntax).
Please read the Code of Conduct before contributing to the project. It is non-negotiable.
All types of contributions are welcome: code, documentation, questions, suggestions, etc. Yes, I think questions are a form of contribution. The only way I can make this tool better is by getting feedback from users.
Copyright © Brian Mock under the MIT License.
v1.0.0
FAQs
displays a report of JSX component and prop usage
The npm package jsx-info receives a total of 16 weekly downloads. As such, jsx-info popularity was classified as not popular.
We found that jsx-info demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.