Рекомендуемая длина строки символов в React / JSX

Question

Я знаю, что сообщество React очень сфокусировано на создании хороших шаблонов, и я искал на форумах React, github, статьях и не могу найти упоминаний о длине строки 'optimun' для кода jsx.

• В eslint-config-реакции-app нет переопределения для ESLint max-len rule.
• ESLintmax-len кажется по умолчанию 80 символов длиной, но это только для необработанного javascript.

Учитывая, что JSX - это другой тип кода (он включает разметку HTML)это может добавить необходимость в дополнительных символах), есть ли какие-либо рекомендации сообщества React по этому поводу?

Редактировать

Найдено Руководство по стилю Airbnb React / JSX, это, кажется, хорошо принято, но нет упоминания о длине линии.Также мне нравится знать ваш опыт.

Answer 1

Я не думаю, что есть магическое число для длины строки.Моя команда также считает, что 80 - это слишком мало, поэтому мы выбираем 100.

Я бы что-то выбрал и посмотрел, каково это.Понимание того, что вы предпочитаете и почему, как правило, важнее, чем следование стандарту сообщества.

Answer 2

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

В нашем проекте мы получаем около 1004 * 20 строк для функции.Если код JSX превысил пороговое значение, мы предполагаем, что компонент слишком раздут и реорганизуем его в меньший компонент.

eslint-plugin-react также стоит попытаться уменьшить сложность вашего кода JSX.

1. eslint-plugin-реагирует / jsx-max-глубина
2. eslint-plugin-реагирует / jsx-max-props-per-line