Prettier and ESLint Automation Cheat Sheet

• javascript-tooling

  1 2 0.0 JavaScript

💰 Check the code here

• eslint-plugin-react

  67 8,810 8.6 JavaScript

  React-specific linting rules for ESLint

  

Feel free to remove eslint-plugin-react if you don't use React

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• npm-run-all

  8 5,621 0.0 JavaScript

  A CLI tool to run multiple npm-scripts in parallel or sequential.

We can run all these scripts in parallel by using npm-run-all

• husky

  125 31,546 8.8 JavaScript

  Git hooks made easy 🐶 woof!

🔬 5. Lint-staged

• stylelint-config-prettier

  1 372 0.0 JavaScript

  Discontinued Turns off all rules that are unnecessary or might conflict with prettier.

  

We use stylelint-config-prettier to turns off all rules that are unnecessary or might conflict with Prettier

• stylelint

  44 10,821 9.6 JavaScript

  A mighty CSS linter that helps you avoid errors and enforce conventions.

  

🎁 6. Stylelint (Bonus)

• stylelint-scss

  1 850 9.1 JavaScript

  A collection of SCSS specific linting rules for Stylelint

  

Working with SCSS? Check here

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• static-testing-tools

  1 205 1.8 TypeScript

  Static Analysis Testing JavaScript Applications on TestingJavaScript.com

🍀 Check the final code 🍀 I learned this setup from Kent's static-testing-tools repo. I added Stylelint and also migrated Husky to v6. 🍀 Working with TypeScript? Check here

Suggest a related project