TGViewer
Веб-страница Веб-страница @tproger_web · 22.3K subscribers
Post #6586 1.4K
В React 19.3 можно анимировать смену содержимого через ViewTransition

Компонент <ViewTransition> связывает обновления React с браузерными переходами. Оберните меняющийся участок интерфейса и обновите состояние внутри startTransition: по умолчанию старое содержимое плавно сменится новым. Анимации можно настроить через CSS или Web Animations API.

Обычные срочные обновления состояния переход не запускают. Анимация срабатывает для startTransition, раскрытия Suspense и обновлений через useDeferredValue. Сейчас компонент работает с DOM.

Для загрузки данных в разборе React 19.3 есть полезная настройка: <ViewTransition update="auto" default="none">. Она позволяет анимировать смену заглушки на готовое содержимое, сохраняя мгновенное появление самой заглушки и уже закешированного интерфейса.
  • 🔥 4
  • 👍 2
  • 👎 1
More from @tproger_web
  1. Oct 10, 2026Диаграмму Mermaid можно положить прямо в HTML Для схемы запросов или графа зависимостей ча…
  2. Oct 10, 2026Как добавить в поиск фильтры вида author: и year: В поиске GitHub обычный текст соседствуе…
  3. Oct 9, 2026Post #6592
  4. Oct 9, 2026От чатбота к агентам: опыт Митчелла Хашимото Для работы с кодом Хашимото перешёл от отдель…
  5. Oct 9, 2026Как убрать dist из опубликованного npm-пакета Папка dist удобна для сборки, но её название…
  6. Oct 9, 2026Давайте сыграем в айтишную каламбурю! Правила простые: берём любой термин, название компан…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →