# weft

> TSX compiled to direct DOM bindings, with warp, its UI toolkit, and a compiler that explains errors to agents.

Every Learn and Reference page has a Markdown twin: add `.md` to its URL. `weft docs <topic>` prints the Reference text.

## Learn: Get started

- [Quick start](/learn/quick-start.md)
- [Tutorial: a shop with a server](/learn/tutorial.md)
- [Thinking in weft](/learn/thinking-in-weft.md)
- [Installation](/learn/installation.md)
- [Editor and TypeScript setup](/learn/setup.md)
- [Diagnostics and weft check](/learn/diagnostics.md)
- [Working with AI agents](/learn/working-with-agents.md)

## Learn: Describing the UI

- [Describing the UI](/learn/describing-the-ui.md)
- [Your first component](/learn/your-first-component.md)
- [Importing and exporting components](/learn/importing-and-exporting.md)
- [Writing markup with TSX](/learn/writing-markup-with-tsx.md)
- [JavaScript in TSX with braces](/learn/javascript-in-tsx.md)
- [Passing props](/learn/passing-props.md)
- [Conditional rendering](/learn/conditional-rendering.md)
- [Rendering lists](/learn/rendering-lists.md)
- [Components run once](/learn/components-run-once.md)
- [Your UI as a tree](/learn/your-ui-as-a-tree.md)

## Learn: Adding interactivity

- [Adding interactivity](/learn/adding-interactivity.md)
- [Responding to events](/learn/responding-to-events.md)
- [State: a box with .value](/learn/state.md)
- [How an update reaches the DOM](/learn/how-updates-reach-the-dom.md)
- [Updating objects and arrays](/learn/updating-objects-and-arrays.md)
- [Writing to a parent with bind:](/learn/bind.md)
- [Forms and inputs](/learn/forms-and-inputs.md)

## Learn: Managing state

- [Managing state](/learn/managing-state.md)
- [Reacting to input with state](/learn/reacting-to-input.md)
- [Choosing the state structure](/learn/choosing-state-structure.md)
- [Derived values](/learn/derived.md)
- [Sharing state between components](/learn/sharing-state.md)
- [Passing data deeply](/learn/passing-data-deeply.md)
- [Keyed state and entries](/learn/entries.md)
- [Hover, focus and shared UI state](/learn/ui-state.md)
- [App-wide state with defineState](/learn/app-wide-state.md)

## Learn: Escape hatches

- [Escape hatches](/learn/escape-hatches.md)
- [Refs and the DOM](/learn/refs-and-the-dom.md)
- [Effects](/learn/effects.md)
- [You might not need an effect](/learn/you-might-not-need-an-effect.md)
- [Cleanup and ownership](/learn/cleanup-and-ownership.md)
- [Reusing logic](/learn/reusing-logic.md)
- [Async and loading states](/learn/async-and-loading.md)
- [Text, media and shapes](/learn/text-media-and-shapes.md)

## Learn: Full-stack apps

- [Full-stack apps](/learn/full-stack.md)
- [Routing and layouts](/learn/routing-and-layouts.md)
- [Loading data](/learn/loading-data.md)
- [Server functions](/learn/server-functions.md)
- [Database](/learn/database.md)
- [Auth](/learn/auth.md)
- [Forms and validation](/learn/forms-and-validation.md)
- [Realtime and live data](/learn/live-data.md)
- [Uploads and media](/learn/uploads-and-media.md)
- [Payments](/learn/payments.md)
- [Metadata and share images](/learn/metadata-and-share-images.md)
- [SSR, islands and hydration](/learn/ssr-and-hydration.md)
- [Runtimes and deploying](/learn/deploying.md)

## Learn: Styling and warp

- [Styling and warp](/learn/styling-and-warp.md)
- [Styling and style groups](/learn/styling.md)
- [Using warp](/learn/warp.md)
- [Theming](/learn/theming.md)
- [Icons](/learn/icons.md)
- [Fonts](/learn/fonts.md)
- [Accessibility](/learn/accessibility.md)

## Learn: Testing and tooling

- [Testing and tooling](/learn/testing-and-tooling.md)
- [Testing](/learn/testing.md)
- [Plugins](/learn/plugins.md)
- [Performance and bundle size](/learn/performance.md)
- [Rust, in depth](/learn/rust.md)

## Reference: Core

- [The rules](/reference/rules.md)
- [State](/reference/state.md)
- [Props](/reference/props.md)
- [Lists](/reference/lists.md)
- [Async](/reference/async.md)
- [Browser APIs](/reference/browser.md)
- [Shared UI state](/reference/ui-state.md)
- [Testing](/reference/testing.md)

## Reference: Full stack

- [Full stack](/reference/start.md)
- [Metadata and cards](/reference/meta.md)
- [Rust](/reference/rust.md)
- [Payments](/reference/pay.md)

## Reference: Styling

- [Style groups](/reference/style.md)
- [Design language](/reference/design.md)
- [Icons](/reference/icons.md)
- [Fonts](/reference/fonts.md)
- [Surfaces](/reference/surface.md)

## Reference: Tooling

- [Configuration](/reference/config.md)
- [Plugins](/reference/plugins.md)
- [Check your work](/reference/verify.md)
- [AGENTS.md](/reference/agents.md)
- [Diagnostics](/reference/diagnostics.md)

## Reference: Migrate

- [From React](/reference/react.md)

## Files

- [All of Learn and Reference in one file](/llms-full.txt)
- [Every title on the site](/search.json)