React Next1 min čtení
ESLint v React/Next: čo je to a prečo je povinný
Statická analýza, ktorá odhalí chyby a anti-patterny ešte pred testami.
ESLint je v React/Next projekte prakticky povinný quality filter. Šetrí review čas a odhaľuje problémy skôr, než sa stanú bugom.
Oficiálne zdroje:
Čo si z článku odnesieš
- ako nastaviť lint pravidlá s reálnym prínosom
- ako odlíšiť error vs warning pravidlá
- ako ESLint prepojiť s CI a editorom
Praktický postup
- Začni oficiálnym presetom a nepridávaj pravidlá bez dôvodu.
- Kritické pravidlá nastav na error, štýlové na warning.
- Zapni linting v editore a v pre-commit hooku.
- V CI blokuj merge pri lint erroroch.
Príklad z praxe
// eslint.config.mjs (výsek)
export default [
{
rules: {
'no-debugger': 'error',
'@typescript-eslint/no-explicit-any': 'error'
}
}
]Ako overíš, že je to správne
- Spusť
npm run lintna čerstvom clone. - Over, že lint chyby vidíš priamo v editore.
- Skontroluj CI, že lint je mandatory.
Najčastejšie chyby
- globálne disable pravidiel bez diskusie,
- lint spúšťaný iba lokálne,
- prehnaná custom konfigurácia bez údržby.
Mini úloha
- Pridaj jedno pravidlo, ktoré rieši opakovanú chybu v tíme.
- Odstráň minimálne 5 warningov zo starších súborov.
- Doplň stručný lint policy dokument.
Čo bude ďalej
V ďalšom článku: Prettier + EditorConfig bez konfliktov.