How to Use @TypeScript-ESLint/Ban-TS-Comment

TypeScript is used to reduce errors in code. However, many developers “turn off” TypeScript type checking for a single line with @ts-ignore. This is dangerous because it masks compilation errors. If you are using TypeScript and TypeScript-ESLint in a team setting, you can ban TypeScript comments by adding the @typescript-eslint/ban-ts-comment rule to your eslintrc.json file. … Read more

How to Fix (or Disable) “jsx-a11y/interactive-supports-focus” Errors

The ESLint jsx-a11y plugin helps developers create accessible websites for all users. The plugin has 36 rules (as of publishing this post) for writing WCAG and WAI-ARIA compliant code. In this post I will give three examples of breaking the interactive-supports-focus rule and the solution. Each example will have: Offending code that broke the interactive-supports-focus … Read more

The 3 Best ESLint No-Unused-Vars Option Settings (Make it Less Strict?)

The no-unused-vars rule is one of the most important ESLint rules for keeping code clean. However, there are a few cases where we want exceptions to the rule. Also, we may want to change the default “eslint: recommended” values. My three favorite options are below: All three of these options change the default behavior. The … Read more

Exploring the 5 Most Common jsx-a11y Rules (And How to Fix)

ESLint is a fantastic tool that makes it easy for developers to follow accepted standards. ESLint plugins enhance our coding environment with subsets of standards. In this post we’ll look at jsx-a11y and five of the most-used (by Google search volume) WCAG and WAI-ARIA accessibility guidelines it enforces. This tutorial will help you understand each … Read more