rivetkit-client-react

Name: rivetkit-client-react
Availability: InStock
Author: Rivet

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

18|7|Updated Jan 23, 2026

Search Tags:#frontend #react #hooks #real-time #actors #rivetkit

Ready to run

npx skills add https://github.com/rivet-dev/skills --skill rivetkit-client-react

💬 Prompt for ChatGPT / Claude Chat▼

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.