ESLint setup overview
Linting is a process where linters analyze source code and detect any potential issues in the code base.
We will be using ESLint, which is the most popular linting tool for JavaScript. It can be configured with different plugins and rules to adapt the linter to our application’s needs.
The ESLint configuration is defined in the .eslintrc.js file at the root of the project. We can add different rules, extend them with different plugins, and override which files to apply the rules to so that they suit our application’s needs.
Sometimes, we don’t want to lint every folder and file, so we can tell ESLint to ignore folders and files by defining them in the .eslintignore file.
ESLint has great integration with editors and IDEs so that we can see any potential issues in the file while we are coding.
To run our linter, we have defined the linting script in package.json:
"lint": "eslint --ext .ts,.tsx ./src",
By running npm run lint, we will lint every .ts and .tsx file in the src directory, and the linter will notify us about any potential issues.