depchecker
eslint-plugin-import
depchecker | eslint-plugin-import | |
---|---|---|
10 | 45 | |
3 | 5,309 | |
- | 0.7% | |
3.6 | 8.3 | |
5 months ago | 7 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
depchecker
-
My take on how to improve the performance and accessibility of our website with React? (1) Performance
Therefore, one workaround I found to reduce the bundle size is with the use of a library named **depcheck**. We can install the package by
-
How we improved page load speed for Next.js ecommerce website by 1.5 times
Another package we use for optimization helps us generate a list of unused npm packages. Then we manually go through the list and remove everything unnecessary, thereby reducing the project's weight and organising things.
-
How to detect dead code in a frontend project
While we’re on the subject of dead code detection, let’s briefly discuss how to ensure we don’t have unused dependencies in our project. Let’s use depcheck, a tool for analyzing the dependencies in a project. It can tell us:
-
How to remove redundant/unused dependencies from package.json?
I know it has been asked before, but depcheck doesn't seem to work for me at all. It gives me a ton of false alerts aparts from having to configure it for "config-only" libs like babel, eslint etc.
-
Empty npm package '-' has over 700,000 downloads
You can use depcheck for that https://www.npmjs.com/package/depcheck no need to do that manually.
-
Is there a tool that exists that will tell me what installed packages are no longer needed (including peerDeps)?
Try npx depcheck - https://www.npmjs.com/package/depcheck
- How long will Vue 2 be supported?
-
5 Things to do before making the build for Production. (React JS)
You can follow the packages below: depcheck unimported
-
A tool you wish existed?
There is a module called depcheck. I have never used it but probably it’s what you are looking for
-
Best practices for keeping app up to date?
I run this https://github.com/TheJaredWilcurt/depchecker
eslint-plugin-import
-
Speeding up the JavaScript ecosystem – Polyfills gone rogue
[2]: https://github.com/import-js/eslint-plugin-import/pull/2447#...
-
The Best ESLint Rules for React Projects
Finally, I'd also suggest requiring named exports via import:
-
PURISTA - Thanks to amazing open-source software
eslint-plugin-import
-
How to prevent other devs from using components from UI library directly?
You can 1. use a rule like this one to ensure that no one imports from antd and 2. limit what they can import from your library via https://nodejs.org/api/packages.html#main-entry-point-export
-
Need someone to explain why this happen regarding exporting
I'd check the eslint docs. They usually have a little write up about the rule.
-
React Component file naming convention?
Next, you add the ESLint rule or TypeScript configuration so it never happens again.
-
When to Create Standalone Components in Angular?
Are you using Eslint? It is possible to remove all the unused import on file level, but I don't remember if the setting is in the recommend config or the import/ordef plugin. If configured correctly, VS Code will prompt you with an option (CTRL+.) to "Delete all unused imports". It's only on file level though.
- People’s thoughts on ordering functions alphabetically in a react component?
-
3 popular Eslint rules that can make you write worse code.
Prefer default export (from airbnb style guide) I did drop default exports for a year now to use only named exports and they are actually (a slightly) better option. They provide a better DX, since you'll have autocomplete. The downside can be conflicts (which can be solved using an as to rename it). Don't refactor your entire codebase just to use it, but keep in mind for the next projects that named exports has better tradeoffs.
-
excluding folders/fildes when building
Yeah, the code under server should never get included unless you were to (transitively) import it from your entry point like App.tsx. Small suggestion, this is a good candidate for an ESLint rule if you use that.
What are some alternatives?
pants - The Pants Build System
prettier-plugin-organize-imports - Make Prettier organize your imports using the TypeScript language service API.
renovate - Universal dependency automation tool.
madge - Create graphs from your CommonJS, AMD or ES6 module dependencies
pyflow - An installation and dependency system for Python
eslint-plugin-svelte3 - An ESLint plugin for Svelte v3 components.
npm
eslint-plugin-import-helpers - ESLint plugin to help enforce a configurable order for import statements
nocode - The best way to write secure and reliable applications. Write nothing; deploy nowhere.
unimported - Find and fix dangling files and unused dependencies in your JavaScript projects.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
turborepo - Incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turborepo and Turbopack. [Moved to: https://github.com/vercel/turbo]