ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

React 19 useOptimistic: ВСЁ, что вам НУЖНО знать

Автор: Jack Herrington

Загружено: 2024-06-24

Просмотров: 21359

Описание: useOptimistic делает ваш тихий бэкенд быстрым благодаря оптимистичным обновлениям пользовательского интерфейса. Он прост в использовании, но мы рассмотрим основные моменты, а также расскажем, как использовать его с React Query и стоит ли использовать его с менеджером состояний.

Код: https://github.com/jherr/useOptimisti...

👉 Ближайший курс NextJS: https://pronextjs.dev
👉 Не забудьте подписаться на этот канал, чтобы быть в курсе новостей: https://bit.ly/2E7drfJ
👉 Регистрация на Discord-сервере:   / discord  
👉 Тема и шрифт VS Code? Night Wolf [чёрный] и Operator Mono
👉 Тема и шрифт Terminal? О, мой шикарный дизайн с powerlevel10k_rainbow и SpaceMono NF

00:00 Введение
00:50 Создание простого API-сервера
03:05 Настройка Pico CSS
04:40 Подключение к API-серверу
05:43 Отправка задач на сервер
06:54 Использование useOptimistic с 19
09:04 Когда вызывать сеттер useOptimistic
10:10 useOptimistic с переходом
11:10 Потенциальные проблемы с useTransition
11:56 Вариант редуктора useOptimistic
12:48 Обработка ошибок
14:25 Использование действия формы
16:00 useActionState
17:28 Интеграция с React Query
18:02 Не бойтесь предупреждения о зависимостях от пиров
19:48 Использование useMutation в React Query
21:32 И снова, но с Zustand
24:09 Менеджер состояний или использование Optimistic
24:29 Введение

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
React 19 useOptimistic: ВСЁ, что вам НУЖНО знать

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

“use cache” NextJS’s latest take on data caching

“use cache” NextJS’s latest take on data caching

React useSyncExternalStore: Стейт менеджер за 55 строчек кода

React useSyncExternalStore: Стейт менеджер за 55 строчек кода

Освойте React 19.2 Async Everywhere — повысьте производительность

Освойте React 19.2 Async Everywhere — повысьте производительность

Предупреждение: использование хуков в React 19 может повлиять на производительность приложения

Предупреждение: использование хуков в React 19 может повлиять на производительность приложения

How to Build AI Workflows with Mastra and AI SDK (Full Tutorial)

How to Build AI Workflows with Mastra and AI SDK (Full Tutorial)

Тестируем React 19 BETA (use, useActionState, useOptimistic, useFormStatus, context)

Тестируем React 19 BETA (use, useActionState, useOptimistic, useFormStatus, context)

Mastering React Memo

Mastering React Memo

5 Hidden React Server Function TRAPS Beginners Fall Into

5 Hidden React Server Function TRAPS Beginners Fall Into

Mastering React's useEffect

Mastering React's useEffect

All React Hooks Explained - React Hooks Tutorial 2025

All React Hooks Explained - React Hooks Tutorial 2025

Ваши компоненты React слишком БОЛЬШИЕ?

Ваши компоненты React слишком БОЛЬШИЕ?

Server Components in React (Simple Tutorial)

Server Components in React (Simple Tutorial)

React 19: useActionState

React 19: useActionState

15 концепций фронтенда, которые освоил каждый опытный разработчик

15 концепций фронтенда, которые освоил каждый опытный разработчик

Пишемо чат на Реакті з новим хуком useOptimistic в React 19

Пишемо чат на Реакті з новим хуком useOptimistic в React 19

Custom Hooks in React - Every React Developer Should Know This

Custom Hooks in React - Every React Developer Should Know This

The Complete Web Development Roadmap

The Complete Web Development Roadmap

NextJS 15: React 19, Less Caching, Turbopack, Better Hydration Errors and MORE from Vercel Ship!

NextJS 15: React 19, Less Caching, Turbopack, Better Hydration Errors and MORE from Vercel Ship!

tRPC vs oRPC: Typesafe API battle!

tRPC vs oRPC: Typesafe API battle!

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]