Ребят, а eslint правилом vue/multi-word-component-names кто-нибудь пользуется или вы его

Question

Vue.js — русскоговорящее сообщество

Nikita Svoyachenko

Ребят, а eslint правилом vue/multi-word-component-names кто-нибудь пользуется или вы его

оффаете полностью?

#frontend #javascript #programming #russian #vue.js

0

03.10.2023

16 ответов

32 просмотра

Nikita Svoyachenko Автор вопроса

Grigorii K. Shartsev
Всегда и обязательно

А в чем польза правила? Вот у меня есть компонент Editor, чем это название плохо и как мне его тогда лучше назвать?

0

03.10.2023

Nikita Svoyachenko Автор вопроса

Nikita Svoyachenko
А в чем польза правила? Вот у меня есть компонент ...

Я читал, что это во избежание конфликта с html элементами, но разве эту проблему не может решить PascalCase? Я не думаю, что у нас в html появится элемент PascalCase.

0

03.10.2023

Grigorii K. Shartsev

Nikita Svoyachenko
А в чем польза правила? Вот у меня есть компонент ...

Чтобы компоненты явно отделялись визуально от HTML элементов, а также точно не было одинаковых имён. Элемента Editor нет (хз Лия вопрос визуального выделения остаётся), но правило простое и лучше иметь его постоянно, чем потом иметь названный по аналогии компонент Time, Button, Header. Заменить или на более точное название (что это за редактор? Что он редактирует? Как?), либо с универсальным префиксом, например, всем UI компонентам из кита давать префикс UI

0

03.10.2023

Nikita Svoyachenko Автор вопроса

Grigorii K. Shartsev
Чтобы компоненты явно отделялись визуально от HTML...

А разве компонент явно не отделяется от HTML при использовании PascalCase ? Вот как ниже можно будет подумать, что это html элемент? <template> <Editor /> </template>

0

03.10.2023

Artyom Tuchkov

Nikita Svoyachenko
А разве компонент явно не отделяется от HTML при ...

правило введено с учетом, что во вьюшном шаблоне можно использовать как кебаб, так и паскаль, а когда компонент работает в одном нейминге, но не работает в другом - это не нормально, поэтому и заставляют называть с префиксом если бы во вью был только паскаль, то его бы, возможно, и не было

0

03.10.2023

Nikita Svoyachenko Автор вопроса

Artyom Tuchkov
правило введено с учетом, что во вьюшном шаблоне м...

Там же есть опять же eslint правило, которое запретит kebab.

0

03.10.2023

Artyom Tuchkov

Nikita Svoyachenko
А разве компонент явно не отделяется от HTML при ...

можешь назвать <AppEditor />, если он глобальный на все приложение имхо, самый адекватный префикс

0

03.10.2023

Artyom Tuchkov

Nikita Svoyachenko
Там же есть опять же eslint правило, которое запре...

это не отменяет того, что кебаб полностью валиден во вьюшном шаблоне и прекрасно работает в рантайме, еслинт никак не влияет на рантайм

0

03.10.2023

Grigorii K. Shartsev

Nikita Svoyachenko
А разве компонент явно не отделяется от HTML при ...

Регистр одной буквы значительно менее явно, чем использование двух слов. + остаётся вторая проблема

0

03.10.2023

Nikita Svoyachenko Автор вопроса

Artyom Tuchkov
можешь назвать <AppEditor />, если он глобальный н...

В чем польза от такого префикса? Вот представьте template, где использовано десять компонентов ... и все с App начинаются - это убивает читаемость кода же

0

03.10.2023

Nikita Svoyachenko Автор вопроса

Вот по мне тут 100% заметно, где html элемент, а где компонент vue

0

03.10.2023

Grigorii K. Shartsev

Nikita Svoyachenko
В чем польза от такого префикса? Вот представьте t...

Читаемость убивает, когда есть input, а есть Input. Если не нравится App - можно более удобные префиксы. V (vue), UI (потому что это ui kit) или что-то ваше

0

03.10.2023

Grigorii K. Shartsev

Nikita Svoyachenko
Вот по мне тут 100% заметно, где html элемент, а г...

Не во всех цветовых схемах так выделяется цветом. + иногда (часто) код читают на гитхабе, в терминале, гит диффе. Не хочется на глаз искать отличия input от Input, или искать их

0

03.10.2023

Ruslan

Artyom Tuchkov
можешь назвать <AppEditor />, если он глобальный н...

Вот, кстати, здравая мысль, и единственное, в чем я расхожусь во Vue Style Guide, потому что для "Single-instance components" они рекомендуют The. AppHeader, AppSidebar сразу показывают компонент масштаба приложения, и что он один. А "Base components (a.k.a. presentational, dumb, or pure components)" должны быть с префиксом Base либо иным кастомным The - вообще как-то не смотрится и не чувствуется.

0

04.10.2023

Ruslan

Если тебя не беспокоит, что кто-то потом, читая твой код, назовёт тебя дебилом, то можешь забить на эту рекомендацию. Некоторые весьма известные UI либы тоже используют такие однословные названия, и ничего, живут

0

04.10.2023

Grigorii K. Shartsev · Accepted Answer

Grigorii K. Shartsev

Всегда и обязательно

0

03.10.2023

169 похожих чатов

Ребят, а eslint правилом vue/multi-word-component-names кто-нибудь пользуется или вы его

16 ответов

Похожие вопросы