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 components
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 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.
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]
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]
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]
Creating a custom Laravel Pulse card
– aaronfrancis.com - submitted by Aaron Francis
A quick tutorial on how to create a custom Laravel Pulse card
Read more [aaronfrancis.com]
Rendering Blade components in Markdown
– aaronfrancis.com - submitted by Aaron Francis
Rendering Laravel Blade components in markdown files.
Read more [aaronfrancis.com]
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]
Using Laravel Volt to display realtime live stats
– 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]
Extensible Blade Components
– tighten.com - submitted by Jamison Valenta
In this post, Marcus explains the fundamentals of Blade components. A great introduction or review, this post walks you through the process of creating an extensible button component that contains the code common between button types, with additional interactivity powered by Alpine.
Read more [tighten.com]
How to build modals with Laravel and Livewire
A super nice way to go about this, thanks to Philo. Cool stuff!
Read more [philo.dev]
Are you a component control freak?
If you're into React, you'll appreciate these patterns for working with uncontrolled components
Read more [jjenzz.com]
Building React + Vue support for Tailwind UI
Adam Wathan wrote a lenghty post on why and how they are bringing React and Vue support to Tailwind UI
Read more [blog.tailwindcss.com]
Using macros with Blade component attributes
💡 Advanced @laravelphp tip!
— Pascal Baljet (@pascalbaljet) February 3, 2021
If you're using the $attributes variable in a Blade Component, you're using the ComponentAttributeBag class, which is macroable 😏
I wrote a macro to dynamically toggle classes by accepting an array, just like v-bind:class in Vue.js! #Laravel #PHP pic.twitter.com/Uis7hykv20
Read more [twitter.com]
Route based modals with Laravel, Inertia.js and Vue.js
– larsklopstra.nl - submitted by Lars Klopstra
Modals can be a pain in the ass, but there's no way around them. I'm currently working on an application where we need them. Whilst working with Inertia.js and Vue.js we have many options available, let's have a look how I solved this issue.
Read more [larsklopstra.nl]
A Blade component to render Webmentions
Nice work by Tom Witkowski.
Read more [gummibeer.dev]
Splitting a large Laravel Livewire Component
– www.csrhymes.com - submitted by Chris Rhymes
Splitting up a large Laravel Livewire component into more manageable and maintainable chunks
Read more [www.csrhymes.com]
Media Library Pro makes uploading files to a Laravel app a breeze original
I'm proud to announce that Media Library Pro is now available. Media Library Pro is an add-on package for our free Media Library base package. It contains a set of Blade, Vue and React components that make it easy to upload files to media library and to manage files inside of a media library collection.
In this blog post, I'd like to introduce Media Library Pro to you.
Writing Reusable Alpine Components
– ryangjchandler.co.uk - submitted by Ryan Chandler
Reusability is important when it comes to scaling projects and future-proofing the maintainability of a project. Let's take a look at how you can write more re-usable components in Alpine.
Read more [ryangjchandler.co.uk]
Using Blade components for handling layouts original
Blade components are a wonderful feature of Laravel. In most examples you can see them being used for small UI elements. Did you know you can use them for layouts as well? Want to see more videos like this one? Head over to the Readable Laravel video series on our website.