Guide
Learn Regor from live examples, then explore the patterns behind reactive interfaces.
Build your understanding from state to screen. Start with reactivity, templates, and components, then explore the topics your application needs.
Four guides include live previews with their actual source: a computed quote, a service board, a profile component, and a ticker with lifecycle cleanup.
Guide Map
Reactivity
Model state with refs, derive values with computed, and coordinate updates.
Explore reactivityTemplates and Expressions
Connect HTML to state with expressions, keyed lists, events, and form bindings.
Explore templates and expressionsComponents
Compose typed components with reactive props, named slots, and explicit context boundaries.
Explore componentsTypeScript
Type app contexts, component inputs, and runtime contracts without losing reactive behavior.
Explore typescriptLifecycle and Cleanup
Own timers, listeners, and subscriptions through scoped mount and unmount hooks.
Explore lifecycle and cleanupMounting
Enhance existing markup or mount independent reactive islands on a static page.
Explore mountingPersisted State
Keep selected reactive preferences across reloads with persist and stable storage keys.
Explore persisted statePerformance
Measure DOM workloads, investigate bottlenecks, and verify improvements against a baseline.
Explore performanceTroubleshooting
Trace mounting, bindings, component inputs, and cleanup problems from symptom to cause.
Explore troubleshooting