echo-react-development
CommunityBuild 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.