Examples

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

Vite Plugin Zero-config hook generation for Vite projects

Vite Env Auto-injection of canister IDs and environment

All-in-One Complete app with optimistic updates and Rust backend

TanStack Router Full app with routing, loaders, and authentication

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

Infinite Query Advanced fetching with Suspense and Infinite Scrolling

Result Types Automatic unwrapping of Candid Result variants

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

Query Demo Queries, suspense, and real-time data fetching

Codec Demo Automatic type transformations with DisplayReactor

Candid Parser Dynamic canister calls with runtime Candid parsing

Metadata Reactor Dynamic metadata and canister status fetching

Multiple Canisters Managing multiple canisters in a single application

Custom Provider Building custom React contexts and providers

TypeScript Demo Pure TypeScript usage without React

Codegen in Action Comparison 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