Что такое useTransition

`useTransition` — это React Hook, позволяющий управлять приоритетом обновлений состояния, помечая их как "не срочные". Это помогает избежать блокировки UI при выполнении тяжелых операций (например, фильтрации списка), так как React может отложить их выполнение. **Пример:** ```jsx import { useState, useTransition } from 'react'; function SearchList({ items }) { const [query, setQuery] = useState(''); const [isPending, startTransition] = useTransition(); const [filteredItems, setFilteredItems] = useState(items); const handleChange = (e) => { setQuery(e.target.value); // Срочное обновление (инпут) startTransition(() => { setFilteredItems(items.filter(item => item.includes(e.target.value) // Несрочное обновление (фильтрация) )); }); }; return ( <> {isPending && Loading...}

{filteredItems.map(item =>
• {item}
)}

</> ); } ``` **Особенности:** - `isPending` — флаг, показывающий, выполняется ли переход. - Обновления внутри `startTransition` могут прерываться (например, если пользователь продолжает ввод). - Не подходит для критичных обновлений (например, платежи). Для них используйте `useDeferredValue` или оптимизацию на стороне API.