Linting and code formatting
Writing clean, bug-free code is challenging. There are a lot of pitfalls that we may face such as indentation, importing/exporting misses, tags not closed, and so on. Having to overcome all of them manually is a tough job which can distract us from our main purpose: writing functional code. Luckily, there are a handful of very useful tools to help us with this task.
The tools we will be using in this chapter to ensure our code is clean will be ESLint (https://eslint.org/) and Prettier (https://github.com/prettier/prettier).
ESLint will be in charge of identifying and reporting on patterns found in the ES6/JavaScript code, with the goal of making the code more consistent and avoiding bugs. For example, ESLint will flag any use of non-declared variables, exposing the error while we are writing code instead of waiting until compilation.
On the other hand, Prettier enforces a consistent code style across your entire codebase because it disregards the original styling...
