useDeferredValue Если у тебя есть input, фильтрация, поиск или ререндер списков — не спеши лепить
useMemo и useCallback. Сначала попробуй useDeferredValue:
const deferredQuery = useDeferredValue(query);
const filtered = useMemo(() => filterData(data, deferredQuery), [deferredQuery]);
📌 Что делает?
useDeferredValue говорит React: "не срочно, можно чуть позже" — идеально для плавности UI без блокировок при частых обновлениях.
🧠 Кейс:
Пользователь быстро вводит текст → React не тормозит от ререндеров больших списков → всё работает плавно и отзывчиво.
⚠️ Но не путай с
debounce: -
debounce — задержка до начала работы -
useDeferredValue — отложенный рендер результата📎 Официальная дока https://react.dev/reference/react/useDeferredValue
✍️ @React_lib