Livewire 4 Deep Dive: Components, Performance & New Directives
– youtu.be - submitted by Bert De Swaef
Livewire 4 introduces powerful new features that make building Laravel applications even better.
Read more [youtu.be]
Posts tagged with livewire
Livewire 4: The Future of PHP Components
At Laracon US Caleb Porzio announced Livewire 4, which comes with unified components, performance improvements, and many more awesome goodies
Read more [devdojo.com]
Join thousands of developers
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
Livewire and Inertia: how we love and use both at Spatie
If you held an individual Spatie employee at gunpoint (please don't) and forced them to pick a favorite, you'll get a 50/50 split. But when we look at the choice at hand as a team, it becomes easier to determine the right fit.
Read more [spatie.be]
Complete Guide to Laravel and Livewire PHP Attributes (23 Attributes)
– nabilhassen.com - submitted by Nabil Hassen
Learn about the 23 powerful Laravel and Livewire PHP Attributes.
Read more [nabilhassen.com]
Adding real-time chat in 14 lines of code with Laravel Reverb and Livewire
A nice real-world example on how you can add Reverb to an existing Laravel app
Read more [laradir.com]
A package to use Filepond in your Livewire component
We’ve published a new package called livewire-filepond, which contains a component to easily upload files.
Under the hood, Filepond, a powerful JavaScript library to upload files, is used.
Livewire Strict: Enforce additional security measures to Livewire
– wire-elements.dev - submitted by Philo
Livewire Strict helps enforce security measures and prevents you from having unprotected sensitive public properties.
Read more [wire-elements.dev]
Optimistic UI Tricks for Livewire and Alpine
In this post, we'll walk through some optimistic UI tricks we apply when using Laravel with Livewire and Alpine to capture the best of both worlds.
Read more [tighten.com]
How to create Wireables in Livewire?
– aleksandertabor.com - submitted by Aleksander Tabor
Learn how to use objects like Data Transfer Objects in Livewire with Wireables.
Read more [aleksandertabor.com]
Adding wire:navigate to Markdown links
– myray.app - submitted by Spatie
Discover how we've updated our new Ray docs!
Read more [myray.app]
Embed Livewire Components Using Wire Extender
– wire-elements.dev - submitted by Philo
Wire Extender allows you to embed any Livewire component on any website or even within a static HTML file.
Read more [wire-elements.dev]
Improved handling of 404 errors with Livewire
– srwiez.com - submitted by Eser DENIZ
I like to use the findOrFail() function in Livewire methods that call actions. But I really don't like the default behaviour of Livewire showing a modal view with a 404. Let me show you how to personalise that.
Read more [srwiez.com]
Reusable Input Components without Livewire, with Livewire
– fly.io - submitted by Johannes Werbrouck
Having reusable input components is great. Knowing how to make them is even better! Follow along to see how we can create a generic TextInput component with a fluent interface that can be reused everywhere with just a few lines of code. While it won’t be a Livewire component, it can still make use of wire:model and other Livewire goodies. How is that possible? Read on to find out!
Read more [fly.io]
Getting started with Livewire session properties
– wire-elements.dev - submitted by Philo
Livewire's Session Properties is a simple yet powerful feature for enhancing user experience and maintaining state across page refreshes.
Read more [wire-elements.dev]
Refreshing your Livewire components using event listeners
– wire-elements.dev - submitted by Philo
Let's take a look at how we can refresh our component when events occur using the new #[On] attribute.
Read more [wire-elements.dev]
Infinite Scroll with Livewire 3 and Alpine.js
– youtu.be - submitted by Bert De Swaef
in this video, we're transforming our load more button functionality to an infinite scroll using Alpine.js and more specifically we're using x-intersect to trigger our loadMore function.
Read more [youtu.be]
Implementing Load More functionality with Livewire 3 in 2 minutes.
– youtu.be - submitted by Bert De Swaef
In this video you'll learn how to implement "load more" functionality with Livewire 3 in about 2 minutes.
Read more [youtu.be]
Mailcoach gains split testing, Livewire 3 support, suppression list, and much more
Today, we're adding some very powerful features to both the hosted and self-hosted versions of Mailcoach: split testing (also known as A/B testing), MJML support, Livewire 3 support, suppression lists, new datables, and much more!
Read more [mailcoach.app]
Livewire v3: Modelable, Events, and Data Sharing
– fly.io - submitted by Kathryn Anne Tan
Share dynamic attributes between parent and child components using Livewire Modelable, and thirftily share data between separate components with client side events!
Read more [fly.io]
Debugging Livewire components using Ray
– myray.app - submitted by Spatie
Debugging Livewire components using Ray
Read more [myray.app]