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.