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/[email protected] 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.