Level 60
npm i @laravel/echo-react
https://www.npmjs.com/package/@laravel/echo-react
https://www.npmjs.com/package/@laravel/echo-vue
And regarding the docs, perfect time to create a Pull Request
1 like
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
https://laravel.com/docs/12.x/broadcasting#client-reverb
as u see inside this page it states the config for react
import { configureEcho } from "@laravel/echo-react";
configureEcho({
broadcaster: "reverb",
// key: import.meta.env.VITE_REVERB_APP_KEY,
// wsHost: import.meta.env.VITE_REVERB_HOST,
// wsPort: import.meta.env.VITE_REVERB_PORT,
// wssPort: import.meta.env.VITE_REVERB_PORT,
// forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
// enabledTransports: ['ws', 'wss'],
});
but no such package exists? with the name of configureEcho
now should i use normal this config
import Echo from 'laravel-echo';
import Pusher from 'pusher-js';
window.Pusher = Pusher;
window.Echo = new Echo({
broadcaster: 'reverb',
key: import.meta.env.VITE_REVERB_APP_KEY,
wsHost: import.meta.env.VITE_REVERB_HOST,
wsPort: import.meta.env.VITE_REVERB_PORT ?? 80,
wssPort: import.meta.env.VITE_REVERB_PORT ?? 443,
forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
enabledTransports: ['ws', 'wss'],
});
then for calling events like this?
const channel = window.Echo.channel(channelName)
.listen('.ScriptOutputBroadcasted', (e) => {
setOutput(prev => prev + (e.output || ''));
});
Please or to participate in this conversation.