fishjam-react-client

Integrate Fishjam real-time collaboration into React apps with FishjamProvider and hooks.

265|12|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/software-mansion-labs/skills --skill fishjam-react-client
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fishjam-react-client
Source: https://github.com/software-mansion-labs/skills/tree/main/skills/fishjam/references/react-client
Command: npx skills add https://github.com/software-mansion-labs/skills --skill fishjam-react-client

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Browser-based integration of Fishjam's real-time collaboration features into React apps, enabling rooms, peers, and livestream capabilities directly in the browser.

Core Features & Use Cases

  • Provides a React-friendly surface to join rooms, publish and view tracks, manage devices, and leverage data channels and VAD for real-time interactions.
  • Supports livestream workflows (streamer/viewer) and broad use cases from collaboration dashboards to interactive demos in a browser.
  • Works with FishjamProvider and the full hook catalog (useConnection, usePeers, useCamera, useMicrophone, useScreenShare, etc.), with optional non-React ts-client escape when needed.

Quick Start

Install the Fishjam React Client and wrap your app with FishjamProvider to begin joining rooms and publishing streams.

Frequently Asked Questions about fishjam-react-client

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

FAQPage Schema
How do I add WebRTC livestreaming to a React app?

To add WebRTC livestreaming to a React app, wrap your application with FishjamProvider and use React hooks like useConnection to join rooms and useCamera or useMicrophone to publish media streams directly in the browser.

Can I manage peer connections and media devices using React hooks?

Yes, you can manage peer connections and media devices using React hooks. The client provides usePeers to render remote peers and useMicrophone or useCamera to handle local device management for real-time collaboration.

What is the best way to build a streamer and viewer livestream workflow in React?

The best way to build a streamer and viewer livestream workflow in React is using the Fishjam client, which natively supports livestream workflows alongside real-time interactions via the FishjamProvider component and its hook catalog.

Does the Fishjam React client require a browser environment to function?

Yes, the Fishjam React client requires a browser environment to function. It is designed for browser-based integration of real-time collaboration features, leveraging web APIs for media tracks, simulcast, and device management.

How do I send real-time data messages outside of audio and video tracks?

To send real-time data messages outside of audio and video tracks, utilize the data channels support provided by the React client, enabling text or binary messaging alongside media streams for interactive web applications.

Can I use the WebRTC client for real-time apps without React?

Yes, you can use the WebRTC client for real-time apps without React by utilizing the optional non-React ts-client escape, providing access to underlying real-time collaboration features when a React setup is not suitable.