React Integration

React Integration

Demonstrates React frontend integration with Rivet Actors.

Features

React frontend: Build interactive UIs with React that connect to Rivet Actors
Type-safe client: Use @rivetkit/react hooks for type-safe actor communication
Real-time updates: Subscribe to actor events for live UI updates
Actor state management: Actors handle backend logic while React manages UI state

Implementation

This example demonstrates React frontend integration with Rivet Actors:

Actor Definition (src/backend/registry.ts): Backend actors with React frontend integration using type-safe hooks

Resources

Read more about React integration, actions, state, and events.

Get Started

Run Locally

git clone https://github.com/rivet-dev/rivet.git
cd rivet/examples/react
npm install
npm run dev

Command Line

Technologies

RivetReactTypeScript

Related Templates

AI Agent Chat

Example project demonstrating AI agent integration.

AI Agent Chat

Chat Room

Example project demonstrating real-time messaging and actor state management.

Chat Room

Real-time Collaborative Cursors

Example project demonstrating real-time cursor tracking and collaborative canvas.

Real-time Collaborative Cursors