Real Time Chat With Laravel Reverb - Laravel 11, Livewire 3 Volt, AlpineJS and TailwindCSS
Vložit
- čas přidán 25. 07. 2024
- Real Time Chat With Laravel Reverb -- Laravel 11 and Livewire 3 Volt example
Basic chat application using Laravel Reverb - AlpineJS, TailwindCSS
A quick simple real time chat example using Livewire Volt,
this shows you how to start using Laravel Reverb
Timecodes
0:00 - Intro
1:00 - Overview Presentation
3:36 - ShouldBroadCastNow VS ShouldBroadcast
4:31 - Application Setup
6:22 - Register a Couple Test Users
6:53 - Install Broadcasting - Reverb & Echo
7:45 - Review added files
8:43 - Create Livewire Volt Component
9:59 - Create Event
10:41 - Event File Overview
11:00 -Setup Auth::User on Frontend
11:42 - Build Chat Component
13:22 - Setup Event ShouldBroadcastNow
14:19 - Event Channel Configuration
15:09 - Chat Dialog Component
17:32 - Send Message Test
18:51 - Start Reverb
19:10 - Compile JS Components (Vite)
19:46 - Send Test (dd($message, $name)
20:24 - Listener Setup
21:00 - Test That It Works!
Download source code
github.com/Creekmore108/Basic...
Blazing-fast and scalable real-time WebSocket communication in your web application
Excelent explanation, clear and straight forward, thank you