Чи помічав ти коли-небудь клас, що починається з js-?
Якщо ні - зазирни у будь-який HTML великого проєкту на GitHub або в інспектор DOM. Там легко знайти такі елементи:
<meta class="js-ga-set" name="userId" content="..." />
<meta class="js-ga-set" name="dimension1" content="..." />
Для чого потрібні js- класи?
Ці класи використовуються не для стилів, а лише для JavaScript-логіки - щоб:
- виділяти елементи, які не мають
id; - зручно вибирати динамічні DOM-елементи через:
document.querySelectorAll('.js-ga-set');
Це означає, що стилі (CSS) не повинні залежати від таких класів - вони служать виключно для JS-маніпуляцій.
Навіщо це у командній роботі?
Коли ви працюєте в команді, використання префіксу js- допомагає:
- не плутати стилі з логікою;
- уникати видалення важливих класів при рефакторингу HTML;
- швидко орієнтуватись, де йде взаємодія через JS.
Тому навіть якщо клас виглядає “зайвим” - він може бути критичним для JavaScript.
Коротке резюме
- Використовуй
js-префікс для класів, які потрібні лише для JS. - Не пиши стилі на
js-класи. - Це полегшує командну роботу та підтримку проєкту.
Ці
js-класи наче невидимі CSS-ніндзя - вони нічого не стилізують, але тримають логіку на плаву 😄