perf(web): reduce rerenders in hot task flows #217

Merged

barrettruth merged 2 commits from perf/worth-it-optimizations into main

2026-04-07 04:12:16 +00:00

barrettruth commented

2026-04-07 04:09:35 +00:00

Summary

memoize the queue list and kanban grid so opening the task panel no longer forces as much work through the surrounding task views
memoize expensive task-panel and calendar leaf subtrees, including reminders, the editor, and event blocks, while keeping the current conservative React Compiler rollout unchanged
ship only optimizations that were re-profiled on latest origin/main, with before/after React Scan runs showing large wins in queue, kanban, and calendar interactions

Profiling highlights

queue load: 234.8ms -> 90.8ms
queue panel: 952.3ms -> 853.2ms
kanban load: 201.8ms -> 92.3ms
kanban panel: 864.6ms -> 177.9ms
calendar load: 692.0ms -> 346.1ms
calendar panel: 1677.7ms -> 459.6ms

Test plan

scripts/ci.sh
DELTA_REACT_COMPILER_MODE=infer pnpm build
Re-profile authenticated queue, kanban, and calendar flows with the React Scan harness

## Summary - memoize the queue list and kanban grid so opening the task panel no longer forces as much work through the surrounding task views - memoize expensive task-panel and calendar leaf subtrees, including reminders, the editor, and event blocks, while keeping the current conservative React Compiler rollout unchanged - ship only optimizations that were re-profiled on latest `origin/main`, with before/after React Scan runs showing large wins in queue, kanban, and calendar interactions #### Profiling highlights - queue load: `234.8ms -> 90.8ms` - queue panel: `952.3ms -> 853.2ms` - kanban load: `201.8ms -> 92.3ms` - kanban panel: `864.6ms -> 177.9ms` - calendar load: `692.0ms -> 346.1ms` - calendar panel: `1677.7ms -> 459.6ms` #### Test plan - [x] `scripts/ci.sh` - [x] `DELTA_REACT_COMPILER_MODE=infer pnpm build` - [x] Re-profile authenticated queue, kanban, and calendar flows with the React Scan harness