Урок 1.5. JSX: синтаксис и правила
Клон плейлиста на Яндекс.Дзен: https://dzen.ru/suite/8fcc5193-fc82-4...
🎥 В этом видео мы разберем, что такое JSX, как он работает в React, и изучим основные правила его использования. Если вы хотите понять, как писать чистый и эффективный код на JSX, это видео для вас!
🔥 Что вы узнаете из этого видео:
⚛️ Что такое JSX и зачем он нужен?
🛠️ Основы синтаксиса JSX: элементы, атрибуты и выражения.
⚡ Правила написания JSX:
Как вставлять JavaScript-выражения с помощью `{}`.
Как работать с самозакрывающимися тегами.
🚀 Примеры использования JSX в React-компонентах.
❗ Частые ошибки и как их избежать.
📂 Полезные ссылки:
💻 Исходный код из видео: https://github.com/alexeirybak/my-app...
Онлайн-конвертер: https://transform.tools/html-to-jsx
⏱️ Таймкоды:
00:00 || Введение в JSX
03:42 || Закрытие тегов
04:26 || Именование свойств
04:56 || Встроенные выражения
06:14 || Условный рендеринг
08:17 || inline-стили
09:29 || Безопасность
11:52 || Родительские элементы и фрагменты
12:42 || Неявное значение true для атрибутов
13:40 || Онлайн-конвертер
14:44 || Клонирование и запуск проекта
🔔 Подписывайтесь на канал!
Если вам понравилось видео, не забудьте поставить лайк 👍, подписаться на канал и нажать на колокольчик 🔔, чтобы не пропустить новые уроки по React и фронтенд-разработке!
💬 Обратная связь
Оставляйте свои вопросы и пожелания в комментариях под видео. Я обязательно отвечу и учту ваши пожелания в следующих роликах!
#React #JSX #Frontend #JavaScript #Программирование #Vite #УрокиReact #WebDevelopment