Linting

Style Guides

• Airbnb Style Guide
• Google style guide
• JavaScript Standard Style.

Linters

• Scan code with a set of style rules
• Report any errors to you that they find
• Can also be set to automatically fix some errors

The industry standard for JavaScript is ESLint. VS Code has an ESLint extension. Here is a guide.

Prettier

• Formats code according to a set of rules
• Unlike a linter, it’s not looking for style errors
• It specifically targets the layout of the code (spaces, indentation levels and line-breaks)

Resolving conflicts with using ESLint and Prettier together

Using ESLint and Prettier together causes conflicts. To fix that follow the instructions to install eslint-config-prettier. It turns off all ESLint rules that might conflict with Prettier.

Warning: eslint-plugin-prettier lets you run Prettier as if it were a rule in ESLint. However, doing this is not recommended.

Template Repositories

Minimize the repetitive work of setting up ESLint and Prettier by using a template repository.

Comments

[Emmanuel Eneche]

Quite informative 👏