Examples

Explore IC Reactor through live, interactive examples. Each example can be opened in StackBlitz for hands-on experimentation.

Vite PluginZero-config hook generation for Vite projects

Vite EnvAuto-injection of canister IDs and environment

All-in-OneComplete app with optimistic updates and Rust backend

TanStack RouterFull app with routing, loaders, and authentication

Next.jsFull-stack template with Rust backend and Next.js frontend

Infinite QueryAdvanced fetching with Suspense and Infinite Scrolling

Result TypesAutomatic unwrapping of Candid Result variants

TanStack FormBuild type-safe forms with TanStack Form and IC Reactor

Query DemoQueries, suspense, and real-time data fetching

Codec DemoAutomatic type transformations with DisplayReactor

Candid ParserDynamic canister calls with runtime Candid parsing

Metadata ReactorDynamic metadata and canister status fetching

Multiple CanistersManaging multiple canisters in a single application

Custom ProviderBuilding custom React contexts and providers

TypeScript DemoPure TypeScript usage without React

Codegen in ActionComparison of CLI and Vite plugin generated code

Running Examples Locally

git clone https://github.com/b3pay/ic-reactor.git
cd ic-reactor

# Install dependencies
pnpm install

# Build packages first
pnpm build

# Run a specific example
cd examples/query-demo
pnpm dev