Unit 01 of 03

The View System

Deriving a view from state, modifiers and the effect of their order, vertical, horizontal and depth stacks, the proposed size and the priority negotiation, grids and reading geometry, data-driven lists and forms, text, image and shape components, reusable view builders.

Published October 17, 2026 Updated October 21, 2026

Lessons

01 Declarative Syntax A measurement showing that six changes in a view tree produce eight recomputations through four different triggers, and that a value nobody tracks recomputes nothing. 12 min read
02 Views and Modifiers A measurement showing that font and color modifiers placed on a container spread to the subtree as environment values, that modifier order changes the result, and that a view that sets its own font does not read the environment. 10 min read
03 Stack Layouts A measurement showing that the spacing and axis a stack takes from its owner's state produce the parent trigger for its children, that layout direction comes from the environment, and that siblings in a depth stack cannot read each other's values. 10 min read
04 The Layout System A measurement showing that the parent value that determines the proposed size descends to the children as the parent trigger, that the text size preference is read from the environment, and that a size proposal is not a measured value. 8 min read
05 Grids and Geometry A measurement showing that the size class determines the grid columns as an environment value, that grid data descends from the parent, and that a measured size is left out of scope because it is not state. 8 min read
06 Lists and Forms A measurement showing that a list reading the model's collection is recomputed with the observed trigger, that a form field bound to the parent's state is recomputed with the parent trigger, and that when one row's property changes the other rows are skipped. 8 min read
07 Visual Components A measurement showing that the color scheme determines the icon color as an environment value, that the fill ratio of a shape descends from the parent, that the loading state of an image stays local, and that a static image reads no value. 7 min read
08 View Builders A measurement showing that a condition inside builder content produces the parent trigger when it depends on the parent's state, that a builder component's own pressed state stays local, and that a closure is not a node in the tree. 8 min read