O que o useTransition te dá, e quando você já usou?

useTransition marca uma atualização de estado como não urgente. O React mantém a tela atual interativa, renderiza o novo resultado em segundo plano e pode jogar esse trabalho fora se algo mais urgente, como digitação, chegar. Você também ganha uma flag isPending para um estado de carregamento sutil. Use para mudanças de view caras, como filtrar uma lista grande ou trocar de aba, nunca para a tecla em si.

A ideia é que nem toda atualização merece a mesma prioridade. Digitar numa caixa de busca precisa aparecer na hora ou o input parece quebrado. Re-renderizar três mil resultados filtrados não. Então eu mantenho o valor do input como uma atualização de estado normal e embrulho a cara no startTransition. O React então renderiza a árvore pesada em segundo plano, mantém os resultados antigos na tela enquanto trabalha, e se o usuário digitar de novo ele abandona aquele render e recomeça. Eu usei isso numa página de busca onde cada tecla reconstruía uma grade grande de resultados, e o input tinha aquele lag horrível de meio segundo. Embrulhar a atualização dos resultados numa transição consertou a sensação da digitação sem nenhum debounce, e eu usei isPending para deixar os resultados obsoletos levemente esmaecidos, para não parecer travado. O useDeferredValue faz algo parecido, e eu recorro a ele quando eu só tenho o valor e não o setter, por exemplo quando o valor chega como prop.