Перейти к содержимому

I Built a Zero-Config Tool to Find Dead Code and Unused Assets in React & Next.js (Qleaner 2.1)

Trevis Wamuthenya

0:00 / 0:00

I Built a Zero-Config Tool to Find Dead Code and Unused Assets in React & Next.js (Qleaner 2.1)

139 просмотров · 2 нед. назад
Trevis Wamuthenya
25 подписчиков
139 просмотров · 2 нед. назад
Managing code bloat in React, Next.js, and Vue projects usually means dealing with leftover image assets, orphaned exports, unused dependencies, and debug console logs that nobody remembered to remove before pushing to main. In this video, I walk through Qleaner v2.1.0, an open-source CLI designed to audit and clean up frontend codebases without breaking builds or requiring endless setup questions. What we cover in this video: Zero-prompt project initialization using qleaner init Generating an instant 0 to 100 Codebase Health Score using qleaner summary Using the new interactive mode to review and selectively prune unused exports, duplicate code, and console logs Single-path image reference scanning across JSX, CSS, imports, and template literals Optional local AI briefs with Ollama using the explain flag for non-destructive code analysis Safe cleanup workflows using the soft-delete trash folder and quick undo restoration Setting up automated PR health reports in CI with GitHub Actions Quick commands to try in your terminal: npx qleaner init npx qleaner summary npx qleaner scan --dry-run Links and documentation: GitHub Repository: [https://github.com/trevismurithi/reac...](https://github.com/trevismurithi/reac...) NPM Package: [https://www.npmjs.com/package/qleaner](https://www.npmjs.com/package/qleaner) If you find Qleaner helpful for keeping your repositories clean and bundle sizes small, feel free to drop your feedback or questions in the comments.