HTML правило хорошего тона или где лучше писать закрывающую часть (>) открывающего тега, когда много атрибутов?

Question

[Сергей Шевченко]

Кто знает как правильно писать по best practices?

Так

<Select
    showSearch
    placeholder="Select out of stock actions"
    optionFilterProp="children"
    style={{width: 200}}
    value={product.outOfStockActions}
>
    <Option value="N">None</Option>
    <Option value="B">Buy in advance</Option>
    <Option value="S">Sign up for notification</Option>
</Select>

Или так?

<Select
    showSearch
    placeholder="Select out of stock actions"
    optionFilterProp="children"
    style={{width: 200}}
    value={product.outOfStockActions}>
    <Option value="N">None</Option>
    <Option value="B">Buy in advance</Option>
    <Option value="S">Sign up for notification</Option>
</Select>

(Обратите внимание на закрывающую часть открывающего тега селекта)

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

Answer 1

[sim3x]

Автоформаттер/линтер обычно имеет настройки такого поведения
Те нет единого подхода к таким вещам
Но есть принцип, что все должно быть единообразно по всему проекту

Answer 2

[zxscv]

неважно. Допустимо и то и то. Так как перевод строки это пробельный символ. Хотя если по best practices надо убрать все ненужные пробельные символы для экономии трафика и теги не писать с капсом

<select showSearch placeholder="select out of stock actions" optionFilterProp="children" style="width: 200" ><option value="N">None</option> <option value="B">Buy in advance</option><option value="s">sign up for notification</option></select>

Comments

[Алексей Ярков]

Теги капсом это кастомные компоненты. Экономия трафика на символе переноса строки тоже не в кассу, ибо темплейт компонента будет преобразован в рендер функцию.

[zxscv]

Алексей Ярков, да чет я о серверном шаблонизаторе подумал

[Сергей Шевченко]

Теги капсом это стиль React там по другому нельзя Алексей Ярков,

[Алексей Ярков]

Сергей Шевченко, с большой буквы вы хотели написать, а не капсом :)