CodelabDocs
Core concepts

Behavior

Events, functions, actions, and hooks.

Events

An event invokes a handler. onClick handles a click; onValueChange handles a value change.

Functions

A function takes inputs and may produce an output. Its parameters and return type describe its signature.

Parameters and arguments

Parameters declare inputs. Arguments supply their values at a call site.

A function binding stores the target in functionId and arguments in instanceParams.

Actions

An action is the component's counterpart for behavior. A component names a reusable element tree. An action names a reusable chain of functions.

Functions run in order. The last function supplies the action's return value.

Updating state

A function reads values through expressions. A state-changing function updates a store property. Bound props then read the updated value.

Hooks

Hooks provide behavior and reactive outputs.

  • useForm — form values and validation.
  • useQuery — data fetching.
  • useEffect — effects.
  • useRef — a mutable reference.
  • useMediaQuery — a media-query result.

A navigation function opens a page. Route values provide context for the destination.

On this page