JSX в React: особенности синтаксиса подводные камни условный рендеринг и списки

Получить весь курс 22 урока сразу: Разберёмся что такое JSX и зачем он нужен в React. Покажу как вставлять переменные и выражения прямо в разметку писать условия и рендерить списки через .map. Расскажу про подводные камни JSX: className htmlFor style комментарии и одиночные теги. Научимся управлять выводом элементов с помощью тернарного оператора и обычного if вне JSX. Создадим массив задач и отрендерим его в виде списка поговорим про key и ошибки в консоли. В конце подключим готовую вёрстку из Figma и GitHub чтобы не верстать всё вручную и сосредоточиться на логике приложения. Ранний доступ к видео и доступ к закрытому чату: Timeline: 00:00 Введение 00:54 Что такое JSX и зачем он нужен 03:48 JSX: круглые скобки вокруг многострочной разметки 04:13 JSX: один корневой элемент JSX-фрагмент 05:08 JSX: вставка переменных 06:16 JSX: комментарии 06:58 JSX: обязательное закрытие одиночных тегов 07:46 JSX: атрибуты параметры 08:38 Подводные камни JSX 11:46 JSX: Условный рендеринг 15:25 JSX: Списки и метод map 18:01 Подключаем готовую вёрстку 20:12 Заключение Ссылки из видео: Figma макет: Начальная структура: Основной телеграм-канал: Коммьюнити-чат в телеграме помощь новичкам: Бесплатные курсы на канале: HTML: CSS: JS: A11y: Frontend Roadmap: Мастер-класс по верстке для новичков: Мастер-класс по верстке для продвинутых БЭМ SCSS: Мастер-класс по верстке с практикой по JavaScript: Мастер-класс по верстке на стеке JSX SCSS JS Vite Minista SSG БЭМ: Автор: Личный сайт: Telegram: Boosty: GetMentor: Stepik платные курсы и мастер-классы: frontend фронтенд react reactjs,

#Frontend #React #Reactjs #Фронтенд