Transitions & Non-Urgent Updates
Some updates are urgent because they directly respond to typing or clicking. Other updates, such as rendering a large filtered result, can be lower priority.
React's transition APIs let you communicate that an update is non-urgent. This can keep urgent input responsive while React works on the expensive result.
Transitions do not make expensive code magically cheap. They improve scheduling and responsiveness by allowing React to prioritize work.
Key Takeaways
- Separate urgent input from expensive derived UI when appropriate.
- Transitions improve scheduling, not raw algorithmic complexity.
- Keep loading and pending states understandable to users.