useDeferredValue: Keep UI Responsive During Renders
Source: react.devadvanced
useDeferredValue keeps your UI responsive by showing a stale value while a new, expensive-to-render value is prepared in the background. Use it for search inputs filtering large lists.
useDeferredValue prioritizes UI responsiveness by returning a deferred version of a value, which may lag behind the latest state if re-rendering is slow. This is ideal for a live search filter on a large dataset; the input updates instantly while the list updates without blocking typing. The footgun: it's not a debounce, and passing new objects created during render defeats the optimization by always appearing as a new value.
Read the original → react.dev
- #react
- #performance
- #hooks
- #frontend
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.