Posts tagged with realtime
– www.youtube.com - submitted by Pascal Baljet
Learn how you can update an Inertia.js page in real-time using client-side visits—without overloading your server, even with many users online. Laravel Echo, Laravel Reverb, and a new Inertia v2 feature make it simple and efficient.
Read more [www.youtube.com]
– youtu.be - submitted by Bert De Swaef
Want to deploy your Laravel project on Forge with real-time WebSockets using Reverb? In this step-by-step tutorial, we’ll walk you through setting up Laravel Forge, configuring your server, and integrating Reverb for real-time communication. Whether you're building a chat app, notifications system, or live updates, this guide will help you get everything running smoothly.
Read more [youtu.be]
Join 9,500+ smart developers
Every month I share what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
A nice real-world example on how you can add Reverb to an existing Laravel app
Read more [laradir.com]
– ahmedash.dev - submitted by Ahmed Ammar
Dive into a hands-on experiment with Laravel and Livewire, exploring real-time page presence. Discover how to let users see who's viewing the same content in real-time. Packed with code snippets.
Read more [ahmedash.dev]
– ahmedash.dev - submitted by Ahmed Ammar
Just used Livewire 3 and Volt to create a 'live users' stat component. Curious about the process? Come along as I show how it's done!
Read more [ahmedash.dev]
– fly.io - submitted by Chris Fidao
Use Livewire 3's new Persist feature to create a chat widget that persists throughout your site without needing an SPA.
Read more [fly.io]
– blog.oussama-mater.me - submitted by Oussama Mater
This article shows how to implement real-time notifications using Server-Sent Events instead of WebSockets or Long Polling.
Read more [blog.oussama-mater.me]
Unlike traditional Long-polling using AJAX requests, where multiple requests are sent to the server and a new connection is established each time, event streams are sent to the client in real-time in a single request.
Read more [devdojo.com]
– itsrav.dev - submitted by Sourav R
Output Buffering is not so popular these days, but it is powerful. with simple vintage OB technique I made a real-time payment process UI
Read more [itsrav.dev]
Using @LaravelLivewire it is incredibly easy to display real-time progress of batched jobs! 🔥
— Willem Leuverink (@gwleuverink) January 18, 2021
Just drop in this simple trait & blade component and you're off to the races #hottip pic.twitter.com/I6K1zalzeJ
Read more [twitter.com]
Earlier this year, our team released laravel-dashboard, a package that allows you to set up powerful dashboards in no time! In this talk, given at this years Laracon EU Online, I demonstrate how you can use it and how it works under the hood. Want to see more package source dives? Considering…
At Spatie we have a TV screen against the wall that displays a dashboard. This dashboard displays the tasks our team should be working on, important events in the near future, which tasks each of our team members should be working on, what music they are listening to, and so on. Here's what it looks like:
This dashboard is built using our laravel-dashboard package. It will allow you to built a similar dashboard in no time.
In this blogpost I'd like to walk you through both the dashboard and the package.
In this unrehearsed streaming session I show off how you can use the upcoming laravel-dashboard package to quickly build a beautiful dashboard that shows a realtime Twitter wall, a calendar tile that is fed by events coming from a Google Calendar, and a tile that displays the weather.
Up until a few days ago, the real-time UI of Oh Dear (an uptime monitoring SaaS I run) was powered with web sockets. We recently replaced this with Livewire components.
In this blog post, I'd like to explain why and how we did that.
I'm going to assume that you already know what Livewire is. If not, head over to the Livewire docs. There's even a short video course on there. In short, Livewire enables you to create dynamic UIs using server-rendered partials.
Recently status pages were added to Oh Dear!. My colleague Sebastian took care of the live updates with a few lines of JavasScript.
In a new video on his blog Livewire creator Caleb Porzio, shows how can create the same behaviour with Livewire (and without having to write JavaScript). Impressive stuff!
This sort of thing is right up my alley, but I couldn't help but think how easy it would be in Livewire. Here's is the same functionality implemented with Livewire, in three or four little code additions. No JS!
Read more [calebporzio.com]
Sebastian De Deyne explains how the live updating on Oh Dear status pages works.
We were originally going to use Vue for the pages, so we could make the entire view reactive so we could easily fetch and update data with AJAX or websockets. I started building the status page view, but quickly became hesitant about the decision to use Vue. It didn’t feel like the right tool for the job.
Read more [sebastiandedeyne.com]
Christopher Pitt has created a new package called phpx that bring the power of LiveView to PHP.
A few days ago, Caleb Porzio demonstrated some work he’s been doing; to replicate Phoenix LiveView in Laravel. I’ve been building PHP preprocessor stuff for a long time, and this really inspired me to try the same thing.
Read more [assertchris.io]
Here's a cool video by Caleb Porzio where he demonstrates his proof of concept port of Phoenix LiveView in Laravel.
I recently read through this blog post about Phoenix LiveView and got really excited for what might be possible in Laravel. I started hacking on a little proof of concept in Laravel and quickly realized this might be a game changer.
Read more [calebporzio.com]
Chris McCord, author of the Phoenix Framework, will soon release a new feature called LiveView: a way of making interactive apps without JavaScript. It's powered by WebSockets, morphdom
Phoenix LiveView is an exciting new library which enables rich, real-time user experiences with server-rendered HTML. LiveView powered applications are stateful on the server with bidrectional communication via WebSockets, offering a vastly simplified programming model compared to JavaScript alternatives. While modern JavaScript tooling enables sophisticated client applications, it often comes at an extreme cost in complexity and maintainability
Read more [dockyard.com]