Build a Realtime Chat Application with Laravel 11, InertiaJS, Vue 3, Reverb and Pinia | Video Course
Using the power of Reverb, let’s build a real-time multi-room chat application with Laravel 11 and VueJS with InertiaJS, pulling in Pinia for state management.
What you'll learn in this Course:
Learn how to Integrate Laravel with Reverb to build Real-Time Applications
Learn how to display user typing events using Whisper and Client-to-Client communication
Learn how to use presence channels to show online users for each room
Learn how to use the Intersection Observer API to automatically load previous chat messages
Learn State management with Pinia
Learn how to use Flexbox tricks to keep messages scrolled into view as they roll in
Prerequisites:
Beginner-level knowledge of PHP/Laravel and VueJS is Required
Who is this Course for:
Laravel Developers who want to Build real-time applications using InertiaJS, Vue 3, and Reverb
We’ll cover:
Using the Intersection Observer API to automatically load previous chat messages
State management with Pinia
Using presence channels to show online users for each room
Client-to-client communication using Laravel Echo to show who’s typing and we'll display typing indicators
Using flexbox tricks to keep messages scrolled into view as they roll in
Seeding databases in Order
Listening for Broadcasted events from the backend and reacting to them accordingly
We'll also learn how to listen for users leaving or joining events and add/remove them from the online user list
All of this state will be managed on the client side, using Pinia
