React 19 Всё изменит? Обновления, пишем код c нуля. Quiz app

Привет!📢

React 19 Всё изменит? Обновления, пишем код c нуля. Quiz app

В данном уроке расскажу и покажу грядущие обновления React 19.
Попишем код.
Также с нуля инициализируем приложение 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: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

Также тебе могут быть полезны эти уроки:

FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на Youtube.

📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender

[snezh_ka]

Спасибо за подробный разбор! Очень полезно и понятно.

[MrAprise]

Целый Тарантиновский фильм! Димон радует подписчиков топовым контентом ❤

[ViacheslavKoksharov]

Огонь! Оч крутое изложение материала, все чётко, все понятно

[ВероникаКолотильщикова]

воу воу палехче 🎉 👌🏼 четкое объяснение

[jonyonee]

Очень классно показано все. Интересно появиться ли в react теперь computed как во vue

[vadimniziev]

Спасибо за видео! Просто для заметки, очень сильно бьёт по глазам яркие перебивки между таймкодами)

[leonhart]

Чего то не получается пофиксить ошибку:
"A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."

[io]

Можно ли использовать хук use с axios ?

[sergeykahnwald]

Как же «круто» они привели пример с одним инпутом. А пусть покажут как с огромными вложенными формами с валидацией и кастомными селектами это все будет работать. А, ой, не будет

[iozhukau]

Окей, use это удобно что-то где-то забрать. А как мне заставить функциональны компонент, без кучи лишнего кода, заново забрать данные сервера (например где-то в другом месте приложения пришло уведомление по SSE)?

[phat]

useClient, useServer…. это мы куда идем? В сторону 1С? 😂

[ruslan_mart]

Обожаю реакт за его "магию")

Хуки реакта сами по себе костыли, потому что функции хуков не привязаны ни к какому контексту, а реакт просто внутри знает какой компонент сейчас "отрабатывает" и хранит очередь всех хуков для него. Именно поэтому нельзя хуки заворачивать в условия или циклы, потому что нарушится порядок их выполнения и значение хука может возвращаться некорректное значение.

А новый use, по сути, выбрасывает исключение, чтобы прервать работу функции компонента, до тех пор, пока не выполнится промис. Тоже своего рода костыль, потому что это исключение нужно ради того, чтобы прерывать работу функции, а Suspense отлавливает его, чтобы не "краснить" консоль.

А могли бы ведь просто использовать Svelte)

[Igorbodnari]

А почему не пройдя 1модуль переход на 3-й ?

[dplaystudios]

Это что то какой то новый некст на минималках