TGViewer
Заметки про React Заметки про React @ru_react_notes · 3.44K subscribers
Post #511 3.06K
В React добавили компонент <ViewTransition>

Появился PR с добавлением View Transition API в виде компонента <ViewTransition>. View Transition API предназначен для создания анимации плавного перехода между страницами или состояниями приложения.

В React <ViewTransition> будет активироваться только для асинхронных обновлений, таких как startTransition, useDeferredValue, Actions или <Suspense>. Концептуально компонент <ViewTransition> похож на React Fragment, который делает переход для дочерних элементов. Пример:


<ViewTransition>{condition ? <ComponentA /> : <ComponentB />}</ViewTransition>


Новый компонент умеет работать с Suspense. Пример который триггерит exit у Skeleton и enter у Content:

<Suspense fallback={<ViewTransition><Skeleton /></ViewTransition>}>
<ViewTransition><Content /></ViewTransition>
</Suspense>


Новое API будет работать не только в вебе, но и в React Native.

https://github.com/facebook/react/pull/31975
GitHub Add `<ViewTransition>` Component by sebmarkbage · Pull Request #31975 · facebook/react This will provide the opt-in for using View Transitions in React. View Transitions only trigger for async updates like startTransition, useDeferredValue, Actions or <Suspense> reveali...
  • 👍 31
  • 🔥 4
More from @ru_react_notes
  1. Jun 24, 2025Реактивность – это легко Стандартный useContext заставляет обновляться все компоненты-потр…
  2. Jun 17, 2025Остерегайтесь скрытых проблем при работе с search params Типо-безопасность — это только ве…
  3. Jun 4, 2025Почему Error Boundary, а не просто try/catch для компонентов В React нельзя использовать t…
  4. May 29, 2025Анонс TypeScript Native Вышла превью версия TypeScript написанная на Go. Ее можно установи…
  5. May 27, 2025Управление фокусом в React с помощью flushSync Установить фокус на инпуте сразу в React мо…
  6. May 15, 2025TanStack DB TanStack представила новую библиотеку – TanStack DB – реактивный клиентский ст…
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 →