Introduction The builder workspace Build your first page

Apps and pages Elements and the tree Layout and styling Responsive layouts Components and instances Repeating and conditional elements

Props Stores Types and schemas Bindings and expressions Component props Route and session values External data

Events Functions and parameters Actions Reading and updating state Hooks Navigation

Build a landing page Build a contact form Build a searchable directory Build a list and detail view Build a dashboard Build a multi-step form Create a reusable component library Connect a page to an API

Building with AI Connect MCP Previewing and debugging Publishing your app

Core conceptsBehavior

Hooks

Behavior in Codelab.

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.

Reading and updating state

Previous Page

Navigation

Next Page