Добавить в корзинуПозвонить
Найти в Дзене
Онлайн-школа METHED

ПРАВИЛА ЧИСТОГО КОДА НА REACT.JS

Чистый код — обязательный навык хорошего разработчика, который очень ценят работодатели. И если ты хочешь быстро выйти на высокий чек и стать конкурентоспособным командным игроком, прислушайся к нашим советам ⬇️
💻 Фрагменты.
Fragment вместо лишней обертки div сохранит код чистым и производительным, т. к. в виртуальной модели DOM создается на один узел меньше.
💻 React.PureComponent и Memo. Повышают производительность ПО и помогают избежать ненужного рендеринга.
💻 Избегай сырого JavaScript.
Организовать CSS намного сложнее, чем организовать JS, поэтому при написании приложений помещай CSS в JavaScript.
💻 Шаблонные литералы.
Используй их для создания длинных строк – это будет красиво и чисто.
💻 Кавычки.
Применяй двойные кавычки для атрибутов JSX и одинарные для всех остальных JS.
💻 Самозакрывающиеся теги.
Используй для улучшения читаемости, если компонент не имеет дочерних элементов.
💻 JSX в круглых скобках.
Если компонент занимает более одной строки, всегда заключай

Чистый код — обязательный навык хорошего разработчика, который очень ценят работодатели. И если ты хочешь быстро выйти на высокий чек и стать конкурентоспособным командным игроком, прислушайся к нашим советам ⬇️

💻 Фрагменты.
Fragment вместо лишней обертки div сохранит код чистым и производительным, т. к. в виртуальной модели DOM создается на один узел меньше.

💻 React.PureComponent и Memo. Повышают производительность ПО и помогают избежать ненужного рендеринга.

💻 Избегай сырого JavaScript.
Организовать CSS намного сложнее, чем организовать JS, поэтому при написании приложений помещай CSS в JavaScript.

💻 Шаблонные литералы.
Используй их для создания длинных строк – это будет красиво и чисто.

💻 Кавычки.
Применяй двойные кавычки для атрибутов JSX и одинарные для всех остальных JS.

💻 Самозакрывающиеся теги.
Используй для улучшения читаемости, если компонент не имеет дочерних элементов.

💻 JSX в круглых скобках.
Если компонент занимает более одной строки, всегда заключай его в круглые скобки.

💻 Порядок импортов.
Для улучшения читаемости кода лучше импортировать сущности в определённом порядке: встроенные зависимости ➡️ внешние зависимости ➡️ внутренние зависимости.

Было полезно? Сохраняй нужную информацию и поделись с друзьями 👍
#советы_от_methed