fyr.jsPreparing the runtime

Documentation

Everything you need to make Fyr feel familiar.

Start with a browser import, then choose the core concepts and optional modules your application needs.

01

Getting started

Create your first reactive Fyr application with plain HTML and an ES module import.

→
02

Installation

Use Fyr directly from jsDelivr, install it from npm, or self-host the built distribution.

→
03

Reactivity

Fyr tracks state changes and updates bindings in the DOM without a virtual-DOM layer.

→
04

Directives

Directives connect plain HTML to application state, events, conditional UI, and list rendering.

→
05

Controllers

Controllers group state, methods, computed values, watchers, and lifecycle work for a Fyr application.

→
06

Components

Register components when you need reusable UI definitions; keep the surrounding page API explicit and small.

→
07

HTTP

Use Fyr's fetch-based HTTP client for browser requests while keeping server authorization on the backend.

→
08

Server actions

Call server-side actions from the browser while keeping secrets, authorization, and sensitive logic on the server.

→
09

Routing

The optional router bundle supports hash or history routing, parameters, navigation, and route guards.

→
10

Browser Python

Load Pyodide only on pages that need browser-side Python, then run code through Fyr's PyodideLoader.

→
11

WebAssembly

Use the optional WASM helpers to fetch and compile trusted browser WebAssembly modules.

→
12

Plugins

Plugins provide extension points for directives, components, controllers, and services.

→
13

API reference

The Fyr public surface includes application creation, configuration, HTTP, actions, events, notifications, registration, and optional bundles.

→