Уроки React JS с нуля / #3 – Знакомство с JSX
4 615 просмотров • 9 июня 2022 г.
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
152
0
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
Не видил видос но знаю что он топ
Рекомендации:
479 просмотров •
7 сентября 2022 г.
515 просмотров •
5 сентября 2022 г.
736 просмотров •
26 августа 2022 г.
621 просмотр •
28 августа 2022 г.
643 просмотра •
28 августа 2022 г.
619 просмотров •
30 августа 2022 г.
511 просмотров •
1 сентября 2022 г.
673 просмотра •
3 сентября 2022 г.
838 просмотров •
24 августа 2022 г.
1 170 просмотров •
22 августа 2022 г.
1 753 просмотра •
19 августа 2022 г.
2 706 просмотров •
30 июля 2022 г.
1 599 просмотров •
10 июля 2022 г.
1 934 просмотра •
10 июля 2022 г.
1 649 просмотров •
6 июля 2022 г.
1 894 просмотра •
1 июля 2022 г.
1 973 просмотра •
26 июня 2022 г.
2 013 просмотров •
21 июня 2022 г.
2 176 просмотров •
17 июня 2022 г.
3 264 просмотра •
13 июня 2022 г.
6 853 просмотра •
5 июня 2022 г.
11 707 просмотров •
1 июня 2022 г.
4 580 просмотров •
26 мая 2022 г.
5 688 просмотров •
9 апреля 2022 г.
6 846 просмотров •
9 апреля 2022 г.
4 616 просмотров •
4 апреля 2022 г.
6 052 просмотра •
1 апреля 2022 г.
6 297 просмотров •
29 марта 2022 г.
7 062 просмотра •
26 марта 2022 г.
9 632 просмотра •
23 марта 2022 г.
6 935 просмотров •
20 марта 2022 г.
12 017 просмотров •
17 марта 2022 г.
13 797 просмотров •
14 марта 2022 г.
25 427 просмотров •
13 марта 2022 г.
3 746 просмотров •
1 декабря 2021 г.
3 110 просмотров •
4 декабря 2021 г.
2 972 просмотра •
7 декабря 2021 г.
3 166 просмотров •
10 декабря 2021 г.
3 042 просмотра •
13 декабря 2021 г.
4 894 просмотра •
16 декабря 2021 г.
3 524 просмотра •
16 декабря 2021 г.
13 908 просмотров •
8 января 2022 г.
6 186 просмотров •
10 января 2022 г.
6 449 просмотров •
14 января 2022 г.
2 969 просмотров •
17 января 2022 г.
3 880 просмотров •
18 января 2022 г.
4 179 просмотров •
20 января 2022 г.
2 932 просмотра •
23 января 2022 г.
2 157 просмотров •
26 января 2022 г.
3 240 просмотров •
29 января 2022 г.
Что да Как
03.09.22 в 14:02
Странно, делаю все по видео, при запуске нет никаких ошибок, но при это при запуске приложения не отображается инпут