Уроки React JS с нуля / #3 – Знакомство с JSX

4 615 просмотров • 9 июня 2022 г.

Школа itProger / Программирование

89 тыс. подписчиков

React JS обладает мощным инструментом, что называется JSX. За урок вы познакомитесь с этой технологией и научитесь с ней взаимодействовать. Вы разработаете несколько HTML блоков с обработкой действий от пользователя.

✅ Полезные ссылки:
– Урок на сайте itProger: https://itproger.com/course/react-js/3
– Node JS: https://nodejs.org/en/
– Создание проекта через npm: https://ru.reactjs.org/docs/create-a-new-react-app.html

⏰ Тайм-коды:
00:00 - Начало
00:18 - Что такое JSX?
01:30 - Пример кода без JSX
03:00 - События
06:00 - Используем JSX
07:40 - Обработка событий
11:07 - Переменные
13:00 - Условия
13:37 - Классы для тегов
14:30 - Подключение через «npm»
19:10 - Создание шаблонного проекта
25:50 - Описываем React JS
26:45 - Запуск проекта
29:40 - Исправление ошибки
31:20 - Заключительная часть

✔ Сообщество программистов: https://itproger.com/

✔ -------------
Вступай в группу Вк - https://vk.com/prog_life

Что да Как

03.09.22 в 14:02

Странно, делаю все по видео, при запуске нет никаких ошибок, но при это при запуске приложения не отображается инпут

Kati Kati

21.08.22 в 15:14

Пример кода без jsx выглядит опрятнее, так и не раскрыли преимуществ jsx

Mnats

15.08.22 в 10:57

спасибо тебе большое

Sergey Goreliy

26.07.22 в 15:56

спасибо но хотелось бы чуток более понятлевей. Я имею ввиду. Весь урок был понятный но начиная 30 мин 06 сек. ты начал такой ускоренный курс что вообще не понять. что скачиваем. Зачем? что за оф. сайт? Вообщем такое чувство что у тебя батарея уже заканчивалась и за 2 мин ты решил переписать весь код который писал 30 мин.

Andrew Nagorny

16.07.22 в 16:28

Спасибо за уроки. У меня в W10 не цепляет внутренний терминал Visual Studio Code установщик npm и npx. Решил проблему через встроенный терминал W10. Не забудьте прописать системные пути PATH в винде.

Дмитрий Демин

14.07.22 в 12:32

Спасибо, за урок. По началу были ошибки в терминале, долго разбирался. Оказалось просто не сохранял данные в файлах index.js. В проводнике подсвечивалась подсказка, несохраненные данные.

Александр Мурзаев

13.07.22 в 13:14

mouse over, плохо работает в chrome

Богдан Столяров

03.07.22 в 08:41

спасибо за урок! для тек у кого ругается консоль на реакт в начале урока, поменяйте версию реакт на 17, если вы копировали 18 с сайта

Данил Надеин

23.06.22 в 19:37

thank you for react lessons

Krasava Hefner

22.06.22 в 15:57

слишком мало просмотров для такого видео.

Azamat Tadjibaev

13.06.22 в 06:32

Здравствуйте. Можете сделать курсы по TypeScript, и обновить курсы по Bootstrap, Kotlin. Спасибо!

Виталий Собакин

10.06.22 в 14:39

Становится все яснее)

Artik

09.06.22 в 13:09

Не видил видос но знаю что он топ

Рекомендации:

showinfo=0 controls=1 rel=0 iv_load_policy=3