6. Build something real

You now know the entire Pyreon model:

• signal — reactive state (ch. 1)

• computed — derived, cached values (ch. 2)

• effect — side effects on change (ch. 3)

• components run once — reactivity lives where you read (ch. 4)

• <For> / <Show> — reactive lists & conditionals (ch. 5)

That's the foundation everything else builds on. There's no class component, no re-render cycle, no dependency arrays, no useMemo — just signals and where you read them.

Put it together

The Build an App tutorial walks you from an empty file to a complete, filterable todo app in six live steps — adding items, toggling completion, derived counts, and a filtered view. Every step is a runnable <Example> you can interact with inline.

Then go deeper

Pick the concern you need next — each guide is task-oriented with runnable examples:

• Data Fetching & Caching — server data with @pyreon/query

• Client-Side Routing — pages, params, loaders, guards

• Forms & Validation — reactive fields, schema validation

• Global State Management — stores & structured models

• Styling & Theming — CSS-in-JS, rocketstyle, dark mode

• SSR, SSG & ISR — rendering modes with @pyreon/zero

Or browse the Examples gallery (42 runnable demos) and the Recipes (copy-paste solutions).

Coming from another framework? The migration guides map your existing mental model onto Pyreon's.

← Lists & conditionals · Build an App →