What is Laravel Echo?

🔸 English:

Laravel Echo is like a listener on the frontend. When something happens on the server (like a new message, order placed, or status updated), Echo listens for that event and updates the UI instantly — without refreshing the page.

🔸 Hindi:

Laravel Echo एक JavaScript लाइब्रेरी है जो real-time events को browser में सुनती है। जैसे ही server पर कोई event trigger होता है (जैसे नया मैसेज आया, order confirm हुआ), Echo उसे पकड़ता है और पेज को reload किए बिना UI को update कर देता है।

✅ Real-World Example:

🎯 Use Case:

You have a chat application built in Laravel. When User A sends a message, User B should see it immediately without refreshing.

Laravel Echo lets you do that by:

1. Broadcasting the message from Laravel backend.
2. Listening for the event using Echo in frontend.
3. Automatically updating the chat window.

3. Listen on Frontend (using Echo in JavaScript)

jsCopyEditimport Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'your-pusher-key',
    cluster: 'mt1',
    forceTLS: true
});

Echo.channel('chat')
    .listen('NewMessage', (e) => {
        console.log(e.message);
    });