Elbette! useTransition concurrent rendering için harika bir hook.
İşte basit bir örnek:
import { useState, useTransition } from 'react';
function SearchComponent() {
const [query, setQuery] = useState('');
const [isPending, startTransition] = useTransition();
const handleSearch = (value) => {
setQuery(value);
startTransition(() => {
// Expensive operation
performHeavySearch(value);
});
};
return (
handleSearch(e.target.value)} />
{isPending && }
);
}
Bu şekilde UI responsive kalır! 🚀