React | Разработка приложений

Используйте JSX-сокращения Использовать логические значения никогда не было так просто. Допустим, вам нужно управлять видимостью компонента Navbar – с помощью пропса showTitle

​​Три закрытых канала для фронтендера + бонус. @build_html — сотни бесплатных макетов для верстки на русском языке. @frontend_tests — сборник задач (с их разбором) для прокачки теоретических знаний и подготовки к собеседованиям. @on_the_frontend — дайджест самых актуальных статей по фронтенду. @mobileux — уникальная подборка интерфейсов для мобильных приложений ⚠️ Доступ открыт на 3 дня, кто успеет подписаться, останется навсегда.

Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.  Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям. @MasterHuBot

Подчеркивание в именах методов Не используйте подчеркивание в любых внутренних методах.

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

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

Атрибут alt Всегда устанавливайте атрибут alt для теги img и не используйте в нем слова image и picture. Альтернативный текст предназначен для скринридеров, которые и так объявляют элемент как изображение, зачем повторяться?

Дружище привет! Скорее всего ты даже не знал, что есть наше сообщество, но мы это сейчас исправим!)   В нашем сообществе ты сможешь найти: 1. Интересные статьи, которые помогут тебе в обучение. 2. Легкие задачи для повышения уровня знаний 3. Чат с теплотой и поддержкой  4. У нас есть свой Иосиф (рисованный)  Не подписался - не it-шником остался - ПОДПИСАТЬСЯ

Именование пропсов Всегда используйте camelCase для имен пропсов или PascalCase, если значение атрибута – это другой React-компонент.

100+ задач по фронту, которые помогут улучшить твой скилл! Пытаешься запомнить свойства, методы и теги? —Зачем? Я тебе помогу! Начал изучать верстку и ты получаешь много информации которую не реализовываешь на практике? В последствии забываешь? —Да говорю же тебе, я помогу! Забываешь свойства css и не хватает практики? Хватит писать говнокод💩, переходи по ссылке! Админ канала ежедневно публикует задачи html/css/js

Кавычки Используйте двойные кавычки для атрибутов JSX и одинарные – для всего остального кода JavaScript.

Зарезервированные имена свойств Не используйте зарезервированные имена атрибутов для передачи пропсов, другие разработчики могут быть к этому не готовы.

Именование компонентов Всегда используйте PascalCase для имен компонентов и camelCase – для экземпляров.

Используйте неявный return Неявный возврат делает ваши функции изящнее. Но не злоупотребляйте этой фичей, она уместна только в простых функциях.

Порядок импортов Старайтесь импортировать модули в определенном порядке, чтобы сделать код более логичным.

JavaScript теперь в телеграм! JavaScript — самый популярный язык в мире, он используется в 95% всех сайтов, которые вообще существуют. Теперь у JS есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!

Строковые литералы Используйте строковые литералы вместо громоздкой конкатенации строк.

Удалите JS из JSX Уберите весь код JavaScript из JSX-разметки, если он не служит какой-либо цели рендеринга или функциональности UI.

Python пришел в телеграм! Python — второй по популярности язык в мире. Он очень универсален: можно писать сайты, а можно искусственный интеллект. Теперь у Python есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Строковые пропсы без фигурных скобок Передать строковые данные проще, чем вы думаете.