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

🔥 Встроенные условия if-else с тернарным оператором Есть ещё один способ писать условия прямо в JSX. Вы можете воспользоваться тернарным оператором condition ? true : false Вот как этот метод можно использовать, чтобы отрендерить кусочек текста.

🔥 ПОЛУЧИТЕ НОВУЮ IT-ПРОФЕССИЮ - ОТ 50 ДО 100 % ОПЛАТИТ ГОСУДАРСТВО  Получи востребованную профессию ПРОГРАММЫ ОБУЧЕНИЯ:  ✅ Разработчик мобильных приложений и игр PRO  ✅ Разработчик мобильных игр на Unity ✅ Руководитель интернет-магазина ✅ C#-разработчик Pro ✅ Маркетплейс-менеджер ✅ Digital-маркетинг ✅ Графический дизайнер с нуля ✅ Дизайнер персонажей ✅ SEO-специалист ✅ Копирайтер ✔️ Формат обучения: Онлайн ✔️ До 100% стоимости оплатит государство Университет СИНЕРГИЯ | Synergy Academy Переходите для получения более подробной информации

Встроенные условия if с логическим оператором && Вы можете внедрить любое выражение в JSX, заключив его в фигурные скобки. Это правило распространяется и на логический оператор  &&  языка JavaScript, которым можно удобно вставить элемент в зависимости от условия.

Хабр теперь в Telegram! Подписывайтесь: @habr_articles

⚡ Обработка событий Обработка событий в React-элементах очень похожа на обработку событий в DOM-элементах. Но есть несколько синтаксических отличий: ✓ события в React именуются в стиле camelCase вместо нижнего регистра. ✓ с JSX вы передаёте функцию как обработчик события вместо строки.

✌️ Правила хуков Хуки — это функции JavaScript, которые налагают два дополнительных правила: ✓ Хуки следует вызывать только на верхнем уровне. Не вызывайте хуки внутри циклов, условий или вложенных функций. ✓ Хуки следует вызывать только из функциональных компонентов React. Не вызывайте хуки из обычных JavaScript-функций. Есть только одно исключение, откуда можно вызывать хуки — это ваши пользовательские хуки.

🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА Получи востребованную профессию ТОП ПРОФЕССИЙ:  ✅ Project-менеджер ✅ Интернет-маркетолог ✅ Android-разработчик ✅ Frontend-разработчик ✅ C#-разработчик ✅ Таргетолог ПРОЦЕСС ОБУЧЕНИЯ И ПОИСКА РАБОТЫ 🔹 Вы осваиваете профессию на курсе 🔹 Мы помогаем вам найти работу 🔹 После трудоустройства вы оплачиваете обучение ✔️ Гарантия трудоустройства ✔️ Поможем определиться с выбором и подберём подходящую программу обучения Университет СИНЕРГИЯ | Synergy Academy Переходите для получения более подробной информации

⚡️ Хук эффекта Вам скорее всего доводилось ранее запрашивать данные, делать подписки или вручную менять DOM из React-компонента. Мы расцениваем эти операции как «побочные эффекты» (или сокращённо «эффекты»), так как они могут влиять на работу других компонентов и их нельзя выполнить во время рендера. С помощью хука эффекта useEffect вы можете выполнять побочные эффекты из функционального компонента.  К примеру, этот компонент устанавливает заголовок документа после того, как React обновляет DOM.

Стеклянного потолка в IT не существует! А если ты его видишь, подписывайся на канал Программисты делают бизнес: команда KTS рассказывает, как расти в IT.  Здесь есть:  💻 книги и курсы, полезные для разработчиков, аналитиков и дизайнеров; 💻 советы, как пройти собеседование в топовую компанию; 💻 ошибки в командной работе;  💻 кейсы крупных проектов — от Х5 до Ascott Group. Ребята делятся только тем, что используют сами: подпишись

📌 Хук состояния useState — это хук. Мы вызываем его, чтобы наделить наш функциональный компонент внутренним состоянием. React будет хранить это состояние между рендерами. Вызов useState возвращает массив с двумя элементами, который содержит: текущее значение состояния и функцию для его обновления. Эту функцию можно использовать где угодно, например, в обработчике событий.

Подработка для веб-разработчиков от 2 часов в неделю! Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих. Приходите в команду: https://tml.io/wmdzp

Хуки — позволяет использовать состояние и другие возможности React без написания классов. 📌 Хук состояния ⚡️ Хук эффекта

хук useState Возвращает значение с состоянием и функцию для его обновления. Во время первоначального рендеринга возвращаемое состояние (state) совпадает со значением, переданным в качестве первого аргумента (initialState). Функция setState используется для обновления состояния. Она принимает новое значение состояния и ставит в очередь повторный рендер компонента. setState(newState); Во время последующих повторных рендеров первое значение, возвращаемое useState, всегда будет самым последним состоянием после применения обновлений.

​​🔥 Если ты фронт, такое лучше не пропускать. На фронте - канал, на котором команда фронтендеров, собирает для Вас обучающие материалы. На канале ты найдешь 💎Макеты для верстки 💎Тесты с объяснениями 💎Обучающие туториалы и статьи Подписывайся и начинай прокачать свои скилы вместе с  👉 @on_the_frontend

key — это специальное зарезервированное свойство в React. Когда элемент создан, React извлекает свойство key и сохраняет этот ключ непосредственно в возвращаемом элементе. Хотя key выглядит как пропс, к нему нельзя обращаться. React автоматически использует key для определения того, какой компонент должен обновиться. Компонент не может узнать о своём ключе. Настоятельно рекомендуется использовать ключи каждый раз, когда вы строите динамические списки.

Любишь разработку и ищешь готовые CSS-фреймворки, плагины и другие компоненты дизайн-систем? Заходи на наш канал, узнаешь многое о решениях пользовательского интерфейса, потрогаешь каждый из элементов UI самостоятельно.

В React функциональные компоненты являются более простым способом написания компонентов, которые содержат только метод  render  и не имеют собственного состояния. Вместо определения класса, который наследуется от React.Component, мы можем написать функцию, которая принимает на вход props и возвращает то, что должно быть отрендерено. Функциональные компоненты проще писать, чем классы, и многие компоненты могут быть оформлены таким образом.

Пришёл во Frontend и этот мир пугает тебя?  Мы уже давно катимся на этой телеге, и нам есть что показать в этой хижине. Наши редакторы (практикующие разработчики), ищут для вас контент, который будет полезен при старте. На канале вы найдете : 📌 Статьи 📌 Тесты с объяснениями 📌 Обучающие туториалы Следуй за нами - и начинай получать материалы, которые помогут тебе прокачать свои знания.

Есть два подхода к изменению данных. Первый подход — мутировать (изменять) данные, напрямую устанавливая новые значения. Второй подход — заменять данные новой копией, которая содержит изменения. Конечный результат будет тот же, но без мутации (т.е. изменения) исходных данных напрямую.

Ошибка, которую будешь долго искать в проекте и не понимать в чем дело. Внимательно смотрите на URL и не ставьте пробелы в адресе запроса.