Dojo Web Development SDK

Production-Ready React Integration

The Dojo JavaScript/TypeScript SDK is a production-ready client library for building web-based onchain applications with comprehensive React hooks, state management, and real-time synchronization. The @dojoengine/react package provides useEntityQuery, useComponentValue, and other hooks that automatically sync with Torii and re-render components when onchain state changes. RECS (Reactive Entity Component System) provides a local state cache that mirrors the onchain world, enabling responsive UIs that stay in sync with blockchain state without constant polling.

Multi-Framework Support and Tooling

While optimized for React, the SDK supports vanilla JavaScript, Vue, Svelte, and other frameworks through framework-agnostic core packages. The SDK leverages dojo.c compiled to WebAssembly via wasm-bindgen, ensuring consistent behavior across platforms while maintaining excellent performance in the browser. Type-safe bindings are generated from Cairo contracts using Cainome, providing compile-time guarantees for contract interactions and eliminating entire classes of runtime errors. The SDK is distributed via npm packages with full TypeScript type definitions, IntelliSense support, and modern bundler compatibility.

Real-Time State Synchronization

Torii indexer automatically generates GraphQL and gRPC APIs for real-time state updates and queries, bridging the gap between onchain state and client applications. WebSocket subscriptions enable clients to receive instant notifications when entities are created, updated, or deleted, supporting truly reactive UIs that stay in sync with onchain state without manual polling. The GraphQL API supports complex queries with filtering, pagination, and sorting across all entities and components, making it easy to build sophisticated data-driven interfaces.

Account Management and Transactions

The SDK supports multiple account types including burner accounts (disposable accounts funded by a master account for gasless UX), controller accounts (with delegated permissions for secure automation), and session accounts (temporary keys for seamless interactions). Transaction helpers simplify building calls, gas estimation, and waiting for confirmations, with seamless integration for Starknet wallet providers like Argent and Braavos. This flexible account architecture enables developers to create smooth user experiences that abstract away blockchain complexity while maintaining security.