Для чего нужен useTransition

`useTransition` — это хук 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}
)}

</> ); } ``` **Что делает:** - `startTransition` откладывает тяжелые вычисления, сохраняя отзывчивость UI. - `isPending` показывает статус выполнения перехода.