startTransition — mark state updates as non-urgent.
1import { startTransition } from "react";23function Search() {4 const [query, setQuery] = useState("");5 const handleInput = (e) => {6 setQuery(e.target.value); // urgent7 startTransition(() => {8 setSearchResults(filter(data, e.target.value)); // non-urgent9 });10 };11}
vs useTransition: startTransition is standalone; useTransition has pending state.
Benefits: Keep input responsive, no debounce needed, interruptible rendering.