livewire

All my posts about livewire.

laravel php frontend realtime components

Replacing websockets with Livewire original

Apr 10th 2020 by Freek Van der Herten – 11 minute read

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.

Building complex forms with Laravel Livewire in Oh Dear original

Mar 23rd 2020 by Freek Van der Herten – 16 minute read

Together with my buddy Mattias Geniar, I run Oh Dear, an uptime checker service on steroids.

Unlike most uptime trackers, Oh Dear doesn't only check your homepage, but every single page of your site. When we detect a broken link or some mixed content, we send a notification. Oh, and we provide status pages, like this one from Laravel and Flare too.

In this blog post, I'd like to show you how we use Livewire to render some complex forms in the UI of Oh Dear.

Join 9,500+ smart developers

Get my monthly newsletter with 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.

Inertia.js and Livewire: a high level comparison

Oct 2nd 2019 – sebastiandedeyne.com

Seb De Deyne explains the differences and similarities between Intertia and Livewire.

I’ve seen many people compare the two, or ask if they can be used together. This post showcases their similarities and differences, and should help you understand which problems they each solve best.

Live-Updating Status Page With Livewire

Sep 30th 2019 – calebporzio.com

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!

Proof of Concept: Phoenix LiveView for Laravel

Jan 17th 2019 – calebporzio.com

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.