Что изменилось в React за последний год

React 19.3 вышел 9 сентября 2026 года: View Transitions и Fragment Refs, представленные год назад как экспериментальные, стали стабильными. Это минорная версия без breaking changes, поэтому релиз называется 19.3, а не React 20. Ниже перечислены ключевые новые возможности React, которые стоит внедрить уже сейчас.

ViewTransition: анимации без сторонних библиотек

Компонент <ViewTransition> анимирует появление, исчезновение, перемещение и изменение размера элементов через браузерный View Transition API.

import { ViewTransition } from 'react';
 
{isShowing && (
  <ViewTransition>
    <Card />
  </ViewTransition>
)}

Хелпер addTransitionType позволяет менять анимацию в зависимости от причины перехода, например «вперёд» или «назад» в карусели. Компонент интегрирован с Suspense: анимация перехода от fallback к контенту дожидается загрузки изображений и шрифтов.

Fragment Refs:ref без лишнего div

Раньше, чтобы повесить ref на группу соседних элементов, приходилось оборачивать их в <div>. Теперь ref крепится прямо к <Fragment> и возвращает FragmentInstance с методами focus, addEventListener, observeUsing для IntersectionObserver и ResizeObserver.

const ref = useRef(null);
 
useEffect(() => {
  ref.current.observeUsing(observer);
}, []);
 
<Fragment ref={ref}>
  <Item /><Item />
</Fragment>

Дерево DOM остаётся плоским, вёрстка не ломается.

Activity: сохранение состояния скрытых экранов

<Activity> заменяет условный рендеринг: в режиме hidden дочерние элементы скрываются, эффекты размонтируются, а обновления откладываются.

<Activity mode={isVisible ? 'visible' : 'hidden'}>
  <Page />
</Activity>

Применение: предзагрузка экрана, на который пользователь вероятно перейдёт, и сохранение состояния полей ввода при возврате назад.

useEffectEvent: нереактивная логика в эффектах

Хук useEffectEvent выносит нереактивную логику в Effect Event. Эффект больше не перезапускается из‑за значений, которые нужны только для чтения, например темы оформления в обработчике уведомления.

React Compiler 1.0

React Compiler v1.0 рекомендован для всех приложений: он выполняет автоматическую мемоизацию. Ручные useMemo и useCallback в новом коде можно не писать. Если тестовое покрытие слабое, стоит зафиксировать точную версию компилятора, чтобы поведение мемоизации не менялось при патч‑обновлениях.

Server Components

В 19.3 также добавлены поддержка Trusted Types и прямой рендеринг Context из Server Components.

Как обновиться

1. Обновите react и react-dom до 19.3.
2. Замените обёрточные div для ref на Fragment Refs.
3. Уберите сторонние библиотеки анимации маршрутов в пользу <ViewTransition>.
4. Подключите React Compiler и линтер eslint-plugin-react-hooks.

Итог

React в 2026 году развивается через минорные релизы: React 20 не анонсирован. Обновление до 19.3 безопасно и сразу даёт нативные анимации, чистое DOM‑дерево и меньше ручной оптимизации.