DEV Community

Samuel Lubliner
Samuel Lubliner

Posted on β€’ Edited on

4

Linting

Style Guides

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.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (1)

Collapse
 
emmabase profile image
Emmanuel Eneche β€’

Quite informative πŸ‘

nextjs tutorial video

Youtube Tutorial Series πŸ“Ί

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay