rivetkit-client-react

Create RivetKit React clients with hooks for real-time actor state.

18|7|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/rivet-dev/skills --skill rivetkit-client-react
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rivetkit-client-react
Source: https://github.com/rivet-dev/skills/tree/main/rivetkit-client-react
Command: npx skills add https://github.com/rivet-dev/skills --skill rivetkit-client-react

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a guided approach to building RivetKit React apps by offering a ready-made client, hooks, and patterns to simplify connecting to Rivet Actors.

Core Features & Use Cases

  • React integration: Connect Rivet Actors to React UIs using the RivetKit React client.
  • Hooks & state: Create hooks with createRivetKit() and manage real-time actor state with useActor().
  • Use Case: Build interactive dashboards or chat apps that rely on actor-based state and events.

Quick Start

Install the React client with a package manager and start wiring hooks:

  • Install: npm install @rivetkit/react@latest
  • Initialize: import { createRivetKit } from "@rivetkit/react"; and useActor for components

Frequently Asked Questions about rivetkit-client-react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I connect React to Rivet Actors for real-time state?

Connect React to Rivet Actors by installing the @rivetkit/react package, initializing the client with createRivetKit(), and using the useActor() hook to subscribe to real-time actor state updates in your components.

What environment variables do I need to configure for a RivetKit React client?

Configure RIVET_ENDPOINT, RIVET_NAMESPACE, and RIVET_TOKEN environment variables to enable authenticated API access for your RivetKit React client during basic project setup.

Can I use RivetKit React hooks in server-side rendering (SSR) contexts?

Yes, RivetKit React supports SSR contexts. You initialize the client using createRivetKit() and manage actor state with useActor() in both web and server-side rendering environments.

How do I build interactive dashboards or chat apps with actor-based state in React?

Build interactive dashboards or chat apps using RivetKit React by creating custom hooks with createRivetKit() and binding real-time actor state and events to your UI components via useActor().

What is the best way to manage Rivet Actor state in a React application?

The best way to manage Rivet Actor state is using the @rivetkit/react client, which provides the useActor() hook to automatically sync real-time actor state and events directly into your React component hierarchy.