Skip to content

KandZ - Tuts

  • Operating Systems ▾
    • Linux ▾
      • Bash Scripting
      • LFCA - Linux Foundation Certified IT Associate
      • LFCS - Linux Foundation Certified Sysadmin
      • LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)
      • Linux CLI
      • Various ▾
        • Gnome 48
        • KDE
        • Distros ▾
          • Fedora
          • Other Distros
          • Ubuntu
    • Windows ▾
      • Windows 11
  • Paths ▾
    • Core Web Stack
    • React & Modern UI Stack
    • Linux Core
  • Programming ▾
    • Frontend (FED) ▾
      • React Ecosystem ▾
        • React
        • React Router
        • TanStack Router
        • TanStack Query (React Query)
        • Zustand
        • Redux Toolkit
        • Next.js
        • React Server Components
      • Angular Ecosystem ▾
        • Angular
      • Vue Ecosystem ▾
        • Vue.js
      • Styling & UI Components ▾
        • Tailwind CSS
    • Languages & Runtimes ▾
      • CSS
      • Dart
      • HTML
      • JavaScript
      • Node.js
      • Rust
      • SQL
      • TypeScript
    • Tools & Build Systems ▾
      • Version Control ▾
        • GitHub
        • Git
        • GitLab
      • Package Managers ▾
        • npm
        • Bun
        • yarn
        • pnpm
      • DevOps & Containers ▾
        • Docker
      • Bundlers & Build Tools ▾
        • Vite
        • esbuild
        • Parcel
      • Code Quality & Formatting ▾
        • Prettier
        • ESLint
  • Servers & Self-Hosting ▾
    • Internet ▾
      • Internet Backend - Coming Soon
      • Internet Beginner
      • Internet Frontend - Coming Soon
    • Networking & DNS ▾
      • REST API
  • Tools
KandZ - Tuts
AngularBunCSSDartDockeresbuildESLintGitGitHubGitLabHTMLJavaScriptNext.jsNode.jsnpmParcelpnpmPrettierReactReact RouterReact Server ComponentsRedux ToolkitRustSQLTailwind CSSTanStack Query (React Query)TanStack RouterTypeScriptViteVue.jsyarnZustandBash ScriptingFedoraGnome 48KDELFCA - Linux Foundation Certified IT AssociateLFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)LFCS - Linux Foundation Certified SysadminLinux CLIOther DistrosUbuntuWindows 11Core Web StackInternet Backend - Coming SoonInternet BeginnerInternet Frontend - Coming SoonLinux CoreReact & Modern UI StackREST APITools
  • ESLint 20 🛡️ Pre-commit Hooks — Husky & lint-staged integration
    Tools & Build Systems | Programming | Code Quality & Formatting | ESLint

    ESLint 20 🛡️ Pre-commit Hooks — Husky & lint-staged integration

    ByKandZ November 9, 2026November 9, 2026

    A pre-commit hook is the last line of defense before code enters the repository. It runs automatically when a developer runs git commit, and if it fails, the commit is aborted. The combination of Husky and lint-staged is the standard mechanism for this in JavaScript projects. Husky installs the Git hooks and manages their execution;…

    Read More ESLint 20 🛡️ Pre-commit Hooks — Husky & lint-staged integrationContinue

  • ESLint 19 🛡️ Output Formats — stylish, json, and custom formatters
    Tools & Build Systems | Programming | Code Quality & Formatting | ESLint

    ESLint 19 🛡️ Output Formats — stylish, json, and custom formatters

    ByKandZ November 9, 2026November 9, 2026

    ESLint’s output is not a fixed log. It is a formatter function that receives the lint results and returns a string. The default formatter is stylish, which produces the human-readable, colorized output that most developers recognize: a list of files, the rule violations under each file, and a summary line. The json formatter produces the…

    Read More ESLint 19 🛡️ Output Formats — stylish, json, and custom formattersContinue

  • ESLint 18 🛡️ –max-warnings — Enforcing warning thresholds in CI
    Tools & Build Systems | Programming | Code Quality & Formatting | ESLint

    ESLint 18 🛡️ –max-warnings — Enforcing warning thresholds in CI

    ByKandZ November 9, 2026November 9, 2026

    ESLint’s default exit code behavior creates a blind spot in CI pipelines. Errors cause a non-zero exit code and fail the build, but warnings do not. A codebase can accumulate hundreds of warnings without the pipeline ever turning red, and the warnings become background noise that no one reads. The –max-warnings flag exists to close…

    Read More ESLint 18 🛡️ –max-warnings — Enforcing warning thresholds in CIContinue

  • ESLint 17 🛡️ –fix-dry-run — Previewing fixes without writing
    Tools & Build Systems | Programming | Code Quality & Formatting | ESLint

    ESLint 17 🛡️ –fix-dry-run — Previewing fixes without writing

    ByKandZ November 9, 2026November 9, 2026

    The –fix-dry-run flag is the preview counterpart to –fix. It runs the same multi-pass correction pipeline, computes the same fixes, and produces the same corrected code—but it does not write the result to disk. The flag was added in ESLint v4.9.0 specifically with editor plugins in mind: in some cases an integration can only communicate…

    Read More ESLint 17 🛡️ –fix-dry-run — Previewing fixes without writingContinue

  • ESLint 16 🛡️ The –fix Flag — Automatic problem repair
    Tools & Build Systems | Programming | Code Quality & Formatting | ESLint

    ESLint 16 🛡️ The –fix Flag — Automatic problem repair

    ByKandZ November 9, 2026November 9, 2026

    The –fix flag is ESLint’s mechanism for applying safe corrections to code without manual intervention. When a rule provides a fix, it is marked with a wrench icon (🔧) in the rules documentation, and ESLint can apply that fix automatically during a lint run . The flag does not fix everything. It fixes only the…

    Read More ESLint 16 🛡️ The –fix Flag — Automatic problem repairContinue

  • Prettier 20 🎨 getFileInfo — Determining if a file needs formatting
    Tools & Build Systems | Programming | Code Quality & Formatting | Prettier

    Prettier 20 🎨 getFileInfo — Determining if a file needs formatting

    ByKandZ November 9, 2026November 9, 2026

    prettier.getFileInfo() answers a question that is different from resolveConfig() and different from format(). It does not return formatting options, and it does not format anything. It returns a description of the file: whether it is ignored by .prettierignore or node_modules, and which parser Prettier would infer from the filename or an installed plugin. The return…

    Read More Prettier 20 🎨 getFileInfo — Determining if a file needs formattingContinue

  • Prettier 19 🎨 resolveConfig — Programmatic config lookup
    Tools & Build Systems | Programming | Code Quality & Formatting | Prettier

    Prettier 19 🎨 resolveConfig — Programmatic config lookup

    ByKandZ November 9, 2026November 9, 2026

    prettier.resolveConfig() is the function that answers a deceptively simple question: given a file path, which configuration options apply? The answer is not simply “the contents of .prettierrc” because Prettier supports multiple configuration file formats, overrides for specific file patterns, and EditorConfig integration. The function searches from the file’s directory upward, finds the first applicable configuration,…

    Read More Prettier 19 🎨 resolveConfig — Programmatic config lookupContinue

  • Prettier 18 🎨 The JavaScript API — prettier.format() and prettier.check()
    Tools & Build Systems | Programming | Code Quality & Formatting | Prettier

    Prettier 18 🎨 The JavaScript API — prettier.format() and prettier.check()

    ByKandZ November 9, 2026November 9, 2026

    The JavaScript API is the programmatic interface to Prettier. It does not spawn a CLI process, does not read from stdin, and does not format every file in a directory. It takes a string, a set of options, and returns a result. The two functions that matter for most integrations are prettier.format(), which returns the…

    Read More Prettier 18 🎨 The JavaScript API — prettier.format() and prettier.check()Continue

  • Prettier 17 🎨 eslint-plugin-prettier — Running Prettier as an ESLint rule
    Tools & Build Systems | Programming | Code Quality & Formatting | Prettier

    Prettier 17 🎨 eslint-plugin-prettier — Running Prettier as an ESLint rule

    ByKandZ November 9, 2026November 9, 2026

    eslint-plugin-prettier inverts the relationship between the two tools. Instead of Prettier running as a separate command and ESLint running separately, the plugin runs Prettier inside ESLint and reports formatting differences as individual ESLint issues . The prettier/prettier rule becomes the mechanism: when a file does not match Prettier’s output, ESLint reports an error on the…

    Read More Prettier 17 🎨 eslint-plugin-prettier — Running Prettier as an ESLint ruleContinue

  • Prettier 16 🎨 ESLint Integration — eslint-config-prettier to avoid conflicts
    Tools & Build Systems | Programming | Code Quality & Formatting | Prettier

    Prettier 16 🎨 ESLint Integration — eslint-config-prettier to avoid conflicts

    ByKandZ November 9, 2026November 9, 2026

    Prettier and ESLint answer different questions. Prettier asks “how should this code look?” and reformats it. ESLint asks “is this code correct?” and reports problems. The two questions are independent, but the tools overlap: ESLint ships with formatting rules like indent, quotes, and semi that duplicate what Prettier does, and when both tools run, they…

    Read More Prettier 16 🎨 ESLint Integration — eslint-config-prettier to avoid conflictsContinue

Page navigation

1 2 3 … 290 Next PageNext

  • Operating Systems ▾
    • Linux ▾
      • Bash Scripting
      • LFCA - Linux Foundation Certified IT Associate
      • LFCS - Linux Foundation Certified Sysadmin
      • LFCE - Linux Foundation Certified Engineer (Sysadmin + Network Admin)
      • Linux CLI
      • Various ▾
        • Gnome 48
        • KDE
        • Distros ▾
          • Fedora
          • Other Distros
          • Ubuntu
    • Windows ▾
      • Windows 11
  • Paths ▾
    • Core Web Stack
    • React & Modern UI Stack
    • Linux Core
  • Programming ▾
    • Frontend (FED) ▾
      • React Ecosystem ▾
        • React
        • React Router
        • TanStack Router
        • TanStack Query (React Query)
        • Zustand
        • Redux Toolkit
        • Next.js
        • React Server Components
      • Angular Ecosystem ▾
        • Angular
      • Vue Ecosystem ▾
        • Vue.js
      • Styling & UI Components ▾
        • Tailwind CSS
    • Languages & Runtimes ▾
      • CSS
      • Dart
      • HTML
      • JavaScript
      • Node.js
      • Rust
      • SQL
      • TypeScript
    • Tools & Build Systems ▾
      • Version Control ▾
        • GitHub
        • Git
        • GitLab
      • Package Managers ▾
        • npm
        • Bun
        • yarn
        • pnpm
      • DevOps & Containers ▾
        • Docker
      • Bundlers & Build Tools ▾
        • Vite
        • esbuild
        • Parcel
      • Code Quality & Formatting ▾
        • Prettier
        • ESLint
  • Servers & Self-Hosting ▾
    • Internet ▾
      • Internet Backend - Coming Soon
      • Internet Beginner
      • Internet Frontend - Coming Soon
    • Networking & DNS ▾
      • REST API
  • Tools

Search