Scheduling Updates
Instructions for batching updates across independent regions with predictable timing.
When to Use
Use this when a UI has multiple regions that should update independently or when updates are expensive.
Steps
- Assign each UI region its own
Handle. - Use
batch()to coalesce update scheduling in the same tick. - Create a scheduler that batches updates with
queueMicrotask. - Use
startTransition()for non-urgent work to keep the UI responsive. - Deduplicate updates per region within a single flush.
Arguments
- regionIds - list of region identifiers (defaults to
['content']) - enableTransitions - whether to include a transition path (defaults to
true) - schedulerName - exported scheduler name (defaults to
scheduleRegionUpdate)
Examples
Example 1 usage pattern:
Batch urgent updates in a microtask and update each region once per flush.
Example 2 usage pattern:
Defer expensive list filtering with startTransition().
Output
Example output:
Created: src/scheduler.ts
Notes: Updates are deduplicated per region.Present Results to User
Explain the scheduling policy, which updates are urgent vs transition, and list changes.