🌟 Analyze your components, and provide suggestions for modification.
OTHER License
This is a tool to analyze your components code. It supports Vue
and React
. Viste playground or try the vscode extension vue-hook-optimizer-ext.
# clone the repo then install the dependencies
pnpm install
# run the playground
pnpm run play
Open the browser and visit http://localhost:3000/
.
paste your component code into the editor
click Analyze
button
The tool will analyze the code, and show the relations between the variables and the methods. This is a simple demo.
Sometime we have to refactor the code, maybe there are thousands of lines of code in one file. And it is too complex and hard to understand.
So I want to build a tool to help us analyze the code, and find the relations between the variables and the methods. We can find out some variables are isolated, and some methods are over-association, and then we can refactor them.
options api
React
Any contributions are welcome.
If you like this tool, please consider to sponsor me. I will keep working on this tool and add more features.
MIT