Conceptos

Linting y Formateo

Herramientas automatizadas que verifican estilo, detectan errores potenciales y formatean código consistentemente, eliminando debates de estilo y mejorando la calidad.

seed#linting#formatting#eslint#prettier#biome#automation

¿Qué es?

Linting analiza código estáticamente para encontrar errores, anti-patrones y violaciones de estilo. Formatting aplica un estilo consistente automáticamente. Juntos eliminan debates de estilo y atrapan bugs antes de runtime.

Herramientas

HerramientaTipoLenguajes
ESLintLinterJavaScript/TypeScript
PrettierFormatterMulti-lenguaje
BiomeLinter + FormatterJS/TS (rápido, Rust)
RuffLinter + FormatterPython (rápido, Rust)
StylelintLinterCSS

Integración

PuntoCuándo ejecutaHerramienta
IDEFeedback en tiempo real mientras escribesExtensiones de ESLint, Prettier
Pre-commit hooksAntes de cada commitlint-staged + husky
CIGate que bloquea PRs con erroresGitHub Actions, GitLab CI
Auto-fixCorrección automática de problemaseslint --fix, prettier --write

Biome como alternativa

Biome reemplaza ESLint + Prettier con una sola herramienta escrita en Rust, hasta 35x más rápida.

Estrategia recomendada

Empezar con Biome o Ruff (según el lenguaje) para linting + formatting en una sola herramienta. Configurar auto-fix en pre-commit hooks para que el formato nunca sea tema de discusión en code reviews.

¿Por qué importa?

El linting y el formateo automático eliminan discusiones subjetivas sobre estilo en code reviews. Cuando las reglas se aplican automáticamente, los reviews se enfocan en lógica y diseño — lo que realmente importa.

Referencias

  • ESLint — Linter de JavaScript.
  • Biome — Toolchain rápido.
  • Prettier — Prettier, 2024. Formateador de código opinado.
Conceptos