Glossary
The words this guide uses, each in a sentence, with where to read more.
Action. A named function of a page, component or store, whose body does things: action add() { … }. Chapter 8.
App shell. The app { } declaration: what every page renders inside, with a Router where the page goes. Chapter 6.
Block. The { … } after an element: its style, handlers, slot fills and children, in that order. Chapter 7.
Built-in. An element the language provides, such as Button or Card, known to the compiler through the registry. Components.
Case. One value of an enum, written with a dot: .primary, .failed("x"). Chapter 13.
Chunk. A page's own script and stylesheet, written separately and loaded when its route first shows (build.split).
Component. An element you declare, with typed props, events, slots and parts: component UserCard(…) { … }. Chapter 11.
Declaration. A top-level statement of a file: page, component, store, theme, app, type, enum, api, external, const, data, image, animation or test. Chapter 5.
Derived. A value computed from state, recomputed when what it read changes: derived total = ….
Design token. A named value a theme sets and every built-in reads, written $name in a style. Chapter 41.
Effect. Code that runs when a page shows and again when a state it read changes, with a cleanup { } for what it set up.
Flag. A word after a dot that sets a Bool prop or picks an enum case: Button("Save").primary.lg. Chapter 7.
Handler. on click { … } — code run when an event happens. Chapter 9.
Hydration. The script taking over a pre-rendered page in place, without drawing it again. Chapter 26.
Imperative block. The body of an action, handler or effect: statements that do things. Its opposite is a render block.
Part. A sub-element called under its owner's name: Card.Header, Panel.Footer. Chapter 11.
Persist. A state kept in the browser's storage across visits. Chapter 12.
Positional argument. The one value an element takes without a name — a button's label, a heading's text.
Registry. The compiler's table of every built-in's props, cases, flags, events, slots and parts; the checker, the linters, the editor and the reference all read it. wf registry --json prints it.
Render block. The body of a page, component or element: what to show, and the state behind it.
Resource. A request a page makes and a match shows: resource rows = …. Chapter 17.
Runtime. The JavaScript at the head of app.js that compiled pages call, reachable as window.WF. Chapter 42.
Scope. What owns the effects, timers and connections created inside it — a page, a branch, a list item — and disposes of them when it leaves.
Signal. A reactive value: what state is. Whatever reads it follows it.
Slot. A place in a component its caller fills: the default slot (children), a named slot, or a scoped slot that hands values to its fill. Chapter 11.
Static paint. The HTML the build pre-renders for a page, from everything it can know at build time. Chapter 26.
Store. Shared state with actions, built the first time something reads it. Chapter 12.
Theme. A theme declaration: the design tokens it changes. Chapter 15.
.wfx. A source file whose blocks are written by indentation instead of braces. Chapter 5.
Checked by the test suite
Every code block in the guide is parsed, checked and type-checked on each release.