Bitovi ESLint Config: Handpicked Rules to Improve Your Code
Introducing Bitovi's ESLint Config package! The Bitovi ESLint Config contains our handpicked rules to improve your code quality.
Fábio Englert Moutinho
Linting is an important step to ensure code quality, and it fits well as an automated process in the development pipeline. Most teams use the default lint configuration provided by their framework, missing opportunities to prevent runtime errors and increase code quality with the extended set of ESLint rules.
In pursuit of greater code quality and better standards for Bitovi's clients and the Community, we carefully handpicked the best ESLint rules and created some of our own to fill existing gaps. We built @bitovi/eslint-config upon existing recommended rule sets and selected rules to avoid common pitfalls based on experience with clients and internal projects.
What’s in Bitovi ESLint Config?
Our ESLint-config package has dedicated Angular and React rule sets, but your project can also benefit from other specific rule sets like RxJS. Here are a few of the Angular set rules included in our ESLint config:
Keep code clean by removing unused variables - @typescript-eslint/no-unused-vars
Avoid accessibility issues with keyboard navigation - @angular-eslint/template/no-positive-tabindex
Ensure elements with click event bindings are accessible - @angular-eslint/template/click-events-have-key-events
Ensure component classes with click event bindings are accessible - @bitovi/host-listener-click-events-have-key-events
Start harnessing the full extent of Bitovi’s recommended ESLint rules by following two short steps.
Install the ESLint-config package to get started! Run npm i -D @bitovi/eslint-config, which is short for npm install --save-dev @bitovi/eslint-config.