echo-react-development

Community

Build real-time React apps with Laravel Echo

Authordspangenberg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes the complexity of wiring Laravel broadcasting into React so you can reliably display live updates, notifications, presence state, and client-driven interactions without rebuilding channel logic by hand.

Core Features & Use Cases

  • Echo setup for React apps: Configure a singleton Echo instance once in your app entry point and reuse it across components.
  • Real-time event hooks: Listen to private, public, presence, model, and notification broadcasts with React-friendly hooks.
  • Client events and status handling: Send whispers, observe connection state, and control channel lifecycle when building chat, dashboards, collaborative tools, or live order tracking.
  • Use Case: A support dashboard can subscribe to private ticket updates, show which agents are online in a presence channel, and react instantly when a new notification arrives.

Quick Start

Set up Laravel Echo in your React app entry point, then use the appropriate hook to subscribe to the channel or broadcast event you want to display in the UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: echo-react-development
Download link: https://github.com/dspangenberg/opsc/archive/main.zip#echo-react-development

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.