Livewire 4 Is Here! The Artisan of the Day Is Caleb Porzio.

Livewire 4 Is Here! The Artisan of the Day Is Caleb Porzio.

Livewire 4 Is Here! The Artisan of the Day Is Caleb Porzio.

The man who taught Laravel developers that reactive interfaces don't require a JavaScript framework has been cooking something special.

Caleb Porzio is the creator of Livewire, Alpine.js, Flux UI, and the wonderfully named Sushi (the missing array driver for Eloquent). His tools have transformed how we build interactive Laravel applications, bringing the joy of modern frontend development to PHP developers who just want to stay in Laravel.

He's a master of developer experience, someone who sees friction in the development process and builds elegant solutions. Similar to other Laravel Community members, Caleb's work consistently makes complex things simple, from eliminating the JavaScript build step with Alpine to making real-time interfaces trivial with Livewire.

At Laracon US, after keeping everyone in suspense about what he was cooking, Caleb finally unveiled Livewire 4, and it's everything we hoped for and more.

Livewire 4: Unifying the Experience

Caleb opened his talk by acknowledging the elephant in the room: Livewire had become "completely and totally forked" with three different ways to make components. His solution? A fourth way that becomes the new default.

Livewire 4 highlights:

  • Single-file components by default: Your class and view live together in one file, but you can still extract to multi-file when needed without having to hunt across directories.
  • Better project structure: New components/, pages/, and layouts/ directories that make organization intuitive. Components live alongside Blade components.
  • Lightning bolt file extensions: Yes, you can literally use ⚡ in your filenames. It's Unicode, it works everywhere, and your Livewire components sort to the top. Bold yet functional ⚡.
  • PHP 8.4 property hooks integration: Native getters and setters replace updating hooks. Want to prevent negative values? Just add set => max(1, $value) to your property. It's pure PHP, not Livewire magic.
  • Slots and refs: Finally! Livewire components can accept slots just like Blade components, and you can target child components directly with wire:ref.
  • Smarter loading states: Any element that triggers a request gets a data-loading attribute. No more complex wire:loading configurations: just use Tailwind's data-[loading]:opacity-50 and you're done.

Livewire’s Performance Boost

But the real magic happens under the hood. Caleb tackled Livewire's performance challenges head-on:

  • Polling that doesn't block: Background polls no longer hold up user interactions. Human-initiated actions always take priority.

  • Blaze compiler: A new optimization layer that makes Blade components render 20x faster by "code folding," pre-rendering static parts at compile time.

  • Islands: The game-changer. Wrap expensive parts of your component in <x-island> tags, and they render independently. Slow database queries no longer block your entire page. Add lazy="true” and they load after the initial page render. Change the render mode to append and you get infinite scroll with zero JavaScript.

The demo blew everyone’s minds: a page that took 2.5 seconds became nearly instant. A data table with 29,000 Blade components dropped from 1.6 seconds to 131 milliseconds.

The Philosophy Behind It

Throughout his talk, Caleb showed how he's solving the fundamental tension between developer productivity and application performance. As he put it: "It's insanely fast to build stuff and fun to build stuff, but if you don't know the ins and outs, you might step on a rake." Livewire 4 removes those rakes. It makes the fast way the easy way.

Your Story Belongs Here

You don't need to have a course, a talk, or a big launch. If Laravel has been part of your journey (a pivot, a side project, a moment of growth), we'd love to hear about it!

Answer Taylor's questions at laravel.com/stories.

We're always looking to feature developers from every corner of the community. Beginners, builders, behind-the-scenes folks. If Laravel helped you do something you're proud of, that's a story worth telling.

Keep reading

Stay connected with the latest Laravel news