Привет!📢
▶ React 19: react.dev/blog/2024/02/15/rea...
▶ Telegram (ссыла на GitHub тут): t.me/Dmitry_Kolotilshikov/208
▶ Linkedin: / kolotilshikov
▶ Курс Frontender[1.0] • Frontender[1.0] - 1 мо...
React 19 Всё изменит? Обновления, пишем код c нуля. Quiz app
В данном уроке расскажу и покажу грядущие обновления React 19.
Попишем код.
Разберем отличия React@Canary и React@Experimental версий
Также с нуля инициализируем приложение c помощью Vite.
Ваша обратная связь обязательна =)
Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
Таймкоды (timestamps):
0:00 - Обновления React 19
04:09 - React@Canary vs React@Experimental
04:55 - Инициализация проекта
07:20 - Document METADATA
08:16 - use() Hook
11:08 - Message Toggler (use hook)
13:35 - Fetch users (use hook)
16:14 - Delay функция
17:36 - Theme (тема) (use hook)
22:42 - Формы
26:04 - useFormStatus()
30:33 - useFormState() QUIZ app
39:22 - useOptimistic() GET/POST users
51:50 - Почему React ругается на KEY
52:05 - Final
▶ Графический дизайн и анимация: t.me/getlogo
📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • Frontender[1.0] - 1 мо...
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на UKposts.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender