Skip to content

Pre-Commit Linting

In this lesson you will learn pre-commit linting in Git, why it matters within husky and lint-staged, and how to use it correctly with clear, copy-ready examples.

Pre-Commit Linting Overview

At its core, pre-commit linting is about doing one thing well in Git. Once you understand the pattern, you can apply it consistently across projects and teams.

Good pre-commit linting pays off across the whole project: fewer surprises, easier collaboration, and smoother onboarding. The snippet below is a solid starting point.

# stage specific files, then commit
git add index.html styles.css
git status

git commit -m "Add landing page and styles"

# stage everything that changed
git add .
git commit -m 'Update content'

You stage changes with git add, then record a snapshot with git commit and a clear message.

Pre-Commit Linting Example

git add <files>
git commit -m "message"
git push origin <branch>
  • Start from a minimal Pre-Commit Linting example and grow it only as needed.
  • Keep things explicit so Pre-Commit Linting behaves the same for everyone on the team.
  • Name things clearly so teammates understand your Pre-Commit Linting at a glance.
  • Verify Pre-Commit Linting works as expected before relying on it in important work.

Git Cheatsheet

Handy Git command reference related to pre-commit linting.

Task Command Purpose
Status git status See what changed
Stage git add <file> Prepare changes to commit
Commit git commit -m "msg" Record a snapshot
Branch git switch -c name Create and switch branch
Merge git merge branch Combine histories
Push git push origin main Share commits
Pull git pull origin main Get others' commits
Undo git restore <file> Discard local changes

How Pre-Commit Linting Works in Git

Pre-Commit Linting builds on Git's model of snapshots and references. Every commit points to a full snapshot of your project, and branches are simply lightweight pointers to commits.

You stage changes with git add, then record a snapshot with git commit and a clear message.

  • The working directory, staging area, and repository are Git's three main areas.
  • Commits are immutable snapshots linked to their parents.
  • Branches and tags are just pointers to commits.
  • Remotes are copies of the repository you sync with.

Practical Guidance for Pre-Commit Linting

On real teams, pre-commit linting works best with small, focused commits and clear messages. Commit often, write descriptive messages, and pull before you push to avoid surprises.

Habit Why it helps
Small commits Easier to review and revert
Clear messages History explains the why
Branch per feature Isolates work in progress
Pull before push Avoids avoidable conflicts

Common Mistakes

  • Copying pre-commit linting commands or snippets without understanding what each part does.
  • Skipping edge cases and error handling when using pre-commit linting.
  • Not verifying the result of pre-commit linting before moving on.
  • Over-complicating pre-commit linting before you actually need the extra flexibility.

Key Takeaways

  • Pre-Commit Linting is a core part of working effectively with Git.
  • Start small and keep pre-commit linting focused on a single goal.
  • Apply consistent patterns so pre-commit linting scales across your project.
  • Practise and document pre-commit linting to keep your workflow maintainable.

Pro Tip

Bookmark this pre-commit linting pattern and reuse it. Consistency across your Git work is worth more than clever one-off solutions.