Real Time Chat With Laravel Reverb - Laravel 11, Livewire 3 Volt, AlpineJS and TailwindCSS

Sdílet
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

Komentáře • 1

  • @otonielguajardo
    @otonielguajardo Před 7 dny +1

    Excelent explanation, clear and straight forward, thank you