rivetkit-client-react

Connect React applications to Rivet Actors with custom hooks and real-time state.

567|82|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/pedronauck/skills --skill rivetkit-client-react-pedronauck
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rivetkit-client-react
Source: https://github.com/pedronauck/skills/tree/main/skills/rivetkit-client-react
Command: npx skills add https://github.com/pedronauck/skills --skill rivetkit-client-react-pedronauck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of integrating React applications with Rivet Actors, enabling seamless real-time data management and communication.

Core Features & Use Cases

  • Hook Creation: Easily create custom hooks for interacting with Rivet Actors using createRivetKit.
  • Real-time State Management: Manage and update actor states directly within your React components using useActor.
  • Use Case: Build a real-time chat application where React components display messages and update their state as new messages arrive from a Rivet Actor.

Quick Start

Install the RivetKit React client by running npm install @rivetkit/react@2.1.0-rc.2 in your project.

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 a React app to Rivet Actors for real-time state?▼

To connect React apps to Rivet Actors, use the RivetKit React client library to create custom hooks with `createRivetKit` and manage real-time state using the `useActor` hook within your components.

What is the best way to manage real-time state in React with Rivet Actors?▼

Managing real-time state with Rivet Actors is best handled using the `useActor` hook, which directly updates React components as new data arrives from the actor backend.

Does the RivetKit React client require any specific dependencies?▼

The RivetKit React client requires installing the `@rivetkit/react` package via npm, which provides the necessary functions to handle connection parameters and events for Rivet Actors.

Can I build a real-time chat application in React using Rivet Actors?▼

Yes, you can build a real-time chat application in React using Rivet Actors by leveraging custom hooks to display messages and update component state dynamically as new messages arrive.

How do I create custom hooks for Rivet Actors in React?▼

Create custom hooks for Rivet Actors in React by using the `createRivetKit` function provided by the RivetKit React client library to encapsulate connection logic and actor interactions.

Are there limitations when handling connection events with the RivetKit React client?▼

The RivetKit React client manages connection parameters and events specifically for Rivet Actors, so limitations depend on your backend actor implementation and how state updates are handled within React components.