Пишем todo list на React 19 с нуля! Suspence, use hook, useTranstion, useActionState, useOptimistic
Подробнее о курсе:
https://evocomm.space/course/react-pa...
Подробнее о сообществе:
https://paromovevg.ru/evolution-commu...
Мой telegram канал:
https://t.me/cleanfrontend
Исходники:
https://github.com/clean-frontend/rea...
React 19 вышел, мы на него посмотрели и сказали "Очень интересно, ничего не понятно"
Вышло несколько очень мощных хуков, использование которых оказалось не настолько очевидным как нам бы хотелось.
В этом видео я расскажу как я использую хуки React 19 и как они мне помогают делать крутые приложения
00:00:00 - 0. Что будет
00:02:49 - 1. Setup проекта
00:07:34 - 2. Добавляем роутинг
00:12:08 - 3. Делаем user-list на useState
00:18:44 - 4. use и Suspense. Запрос списка юзеров
00:29:25 - 5. useTransition. Улучшаем ux
00:39:58 - 6. useActionState. Обработка ошибок
00:59:37 - 7. useOptimistic. Делаем оптимистичные обновления
01:21:28 - 8. Добавляем toto-list
01:42:16 - 9. Используем контекст для шаринга юзеров
01:53:21 - 10. Пробуем zustand
01:57:51 - 11. Добавляем серверную пагинацию
02:07:56 - 12. Добавляем серверный поиск и фильтры
