Build on the supported package contract
Use absolutejs-out-of-order-streaming-example through its supported public entry points.
absolutejs-out-of-order-streaming-example
absolutejs-out-of-order-streaming-examplev0.0.1betaDev ToolsAn example project demonstrating the AbsoluteJS out-of-order streaming model across React, Svelte, Vue, and Angular.
#Installation
BASH
# Private workspace project: ~/abs/examples/out-of-order-streaming#Capabilities
Overview
An example project demonstrating the AbsoluteJS out-of-order streaming model across React, Svelte, Vue, and Angular.
What Is Out-of-Order Streaming?
Out-of-order streaming lets slow async sections stream as soon as they resolve instead of blocking everything above them in the response. Fast content arrives first, then slower stream slots patch in independently.
What This Example Shows
Per-framework streaming pages - A dedicated route for each framework that uses StreamSlot.
Fallback while waiting - Async chunks render with placeholders while work is still pending.
Out-of-order delivery - Streamed slots resolve independently and patch in by slot ID.
Show 2 more
Cross-framework routing - One backend plugin drives React, Svelte, Vue, Angular, HTML, and HTMX routes.
Shared example architecture - The app follows the same multi-framework example pattern used across the other AbsoluteJS example repositories.
Prerequisites
Bun (v1.1+)
Getting Started
The dev server will start and print the local URL (default http://localhost:3000).
Scripts
Command — Description
bun run dev — Start the development server with HMR
bun run start — Start the production server
Show 3 more
bun run lint — Run ESLint
bun run format — Format code with Prettier
bun run typecheck — Run type checking across all frameworks
How It Works
Each streaming page renders fast shell content immediately, then defers slower sections into independently resolving stream slots. When a section finishes, AbsoluteJS patches that slot into the response without waiting for the rest of the page.
This repository includes equivalent examples for React, Vue, Svelte, and Angular, plus plain HTML and HTMX reference routes for comparison.
Routes
Path — Framework — Description
/ — React — React out-of-order streaming demo
/react-streaming — React — Alias for the React streaming demo
Show 8 more
/vue — Vue — Vue out-of-order streaming demo
/vue-streaming — Vue — Alias for the Vue streaming demo
/svelte — Svelte — Svelte out-of-order streaming demo
/svelte-streaming — Svelte — Alias for the Svelte streaming demo
/angular — Angular — Angular out-of-order streaming demo
/angular-streaming — Angular — Alias for the Angular streaming demo
/html — HTML — Static reference page
/htmx — HTMX — Static reference page
Outcomes
What you can build
Hardening checklist
Production guidance
Make every external boundary explicitPin the deployed absolutejs-out-of-order-streaming-example version, replace example or memory-backed dependencies with durable implementations, bound external calls, protect credentials, and emit enough evidence to retry or recover safely.
Follow in order
Troubleshooting path
1
Trace from the first failed boundary
Reproduce the smallest canonical absolutejs-out-of-order-streaming-example example, confirm the supported entry point and version in the API explorer, then inspect the first boundary that did not produce its documented result.
#Getting Started
Partial snippetWorking example for Getting Started.
BASH
# Clone the repository
git clone https://github.com/absolutejs/examples.git
cd examples/out-of-order-streaming
# Install dependencies
bun install
# Start the dev server
bun run dev#Package commands
Scripts declared by this package manifest.
bun run devabsolute dev
bun run formatabsolute prettier --write
bun run lintabsolute eslint
bun run startabsolute start
bun run typecheckabsolute typecheck
Private workspace project
This project is maintained inside the workspace and is not published as a standalone npm package.