State

Values and props

A prop supplies a value to an element or component. A literal holds the value directly: "Hello", 42, true.

Stores

A store declares fields and actions. Its scope is an app, page, or component.

{{stores.user.name}} reads the name value from the user store.

Expressions

An expression computes a value from the current context.

{{stores.user.name}}
{{props.title}}
{{repeat.item}}
{{hooks.rsvpForm.values.email}}
{{session.user.email}}
{{page.search.eventId}}

Mixed text interpolates: Hello {{stores.user.name}}.

Bindings

A binding references a target. A component binding can supply props. A function binding can supply arguments.

Component: { componentId, instanceProps }
Function:  { functionId, instanceParams }
Element:   { elementId }

Component props

The component interface declares the inputs. The instance supplies the values. Expressions inside the component read {{props.<name>}}.

Route and session values

page supplies route values. session supplies the current viewer's session.

External data

A useQuery hook fetches data. Expressions read its outputs through {{hooks.<alias>.<path>}}.

Fields, interfaces, and schemas

A field has a name and type. An interface is a list of fields. A schema names an interface for reuse within an app.

Types

Types describe the values a field accepts.