loading code fetching the highlighted snippet
FIG-001/ LAYOUT
frequent renders, gated measurement.
Both boxes have layout and re-render constantly (their color cycles). The left box re-measures on every render; the right box passes layoutDependency={dep}, so it only re-measures when dep changes — watch its counter stay flat.
- Every render recolors both boxes — a stand-in for live text or streaming values that
re-render a
layoutelement often. - The gated box passes
layoutDependency={dep}, so its measure counter only moves whendepchanges on Reflow. - Both still FLIP-animate to their new position on Reflow — gating skips the wasted measurements, not the real ones.
0 measures
A
0 measures
B
category · layout
sheet · sheet 01 / 01
⟳ to re-run