Getting started with Husky and Lint-staged for pre-commit hooks

This page summarizes the projects mentioned and recommended in the original post on dev.to
Eslint Angular TypeScript QA Tools stage-files

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • lint-staged

    🚫💩 — Run linters on git staged files

    • We need two tools to get the job done. The first tool that we need is a pre-commit tool that runs for every git-commit action: Husky. The second tool that is needed is lint-staged, which will run specified scripts on matching staged files. Aside from these tools, we need a code repository with actual linting tools. We will be using an Angular project as an example with the Angular ESLint and Prettier pre-configured.

  • prettier

    Prettier is an opinionated code formatter.

    • We need two tools to get the job done. The first tool that we need is a pre-commit tool that runs for every git-commit action: Husky. The second tool that is needed is lint-staged, which will run specified scripts on matching staged files. Aside from these tools, we need a code repository with actual linting tools. We will be using an Angular project as an example with the Angular ESLint and Prettier pre-configured.

  • SurveyJS

    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.

    SurveyJS logo

  • angular-eslint

    :sparkles: Monorepo for all the tooling related to using ESLint with Angular

    • We need two tools to get the job done. The first tool that we need is a pre-commit tool that runs for every git-commit action: Husky. The second tool that is needed is lint-staged, which will run specified scripts on matching staged files. Aside from these tools, we need a code repository with actual linting tools. We will be using an Angular project as an example with the Angular ESLint and Prettier pre-configured.

  • demo-husky-lintstaged

    Demo project for Husky and Lint-staged

    • Angular starter project with ESLint and Prettier configured

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Adding the ESLint to an Angular application

    7 projects | dev.to | 12 Oct 2022

  • Angular: Migrate from TSLint to ESLint

    2 projects | dev.to | 6 Apr 2022

  • Configure Prettier and ESLint with Angular

    5 projects | dev.to | 19 Feb 2022

  • Six Factors That Raise The Risk Of Bugs In A Codebase

    2 projects | dev.to | 4 Mar 2024

  • Level Up Your TypeScript Projects: Discover the Power of ESLint and Prettier

    3 projects | dev.to | 28 Nov 2023