My Favourite Alpine.js Plugins
– ryangjchandler.co.uk - submitted by Ryan Chandler
I've been using Alpine.js for a long time now, these are a few of my favourite plugins.
Read more [ryangjchandler.co.uk]
Posts tagged with frontend
Nuxt: Superpowers for your Vue 3 application
– tighten.com - submitted by Jamison Valenta
Nico shares the incredible suite of conveniences Nuxt JS brings to Vue3 applications, from auto-imports to out-of-the-box server side rendering & more!
Read more [tighten.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.
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]
Create a Persistent Chat Widget with Livewire 3
– 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]
How we created those fancy animations on the Flare homepage
Some fancy tricks are being used to achieve this.
Read more [flareapp.io]
Let’s take a look at Livewire v3
Let’s dive into some of the latest new features
Read more [youtu.be]
Hooks for Alpine.js
– github.com - submitted by Ryan Chandler
A collection of handy hooks, inspired by React, for Alpine.js.
Read more [github.com]
Improving Client Side Pagination with Livewire
– fly.io - submitted by Kathryn Anne Tan
In this article we remove the need to get entire datasets in order to make Client Side Pagination work. Instead, we get the dataset in lighter, less heavier parts!
Read more [fly.io]
Chrome DevTools tricks that deserve a spotlight
There are a few tricks in Chrome DevTools that don’t seem to get enough attention.
Read more [utilitybend.com]
Autocomplete fields with Livewire
– fly.io - submitted by Chris Fidao
Use browser's native autocomplete input fields and dynamically update with Livewire!
Read more [fly.io]
The End of Front-End Development
Josh Comeau argues that AI won't take away any front end jobs soon.
Read more [www.joshwcomeau.com]
Concurrent, Chunked, Multi-File Upload with Livewire
– fly.io - submitted by Kathryn Anne Tan
We easily upload multi-selected files with Livewire, in three ways: -All files in one request; -Each file in separate, concurrent requests; -and finally, each file in chunks!
Read more [fly.io]
Improve load time performance by lazily loading background images
– www.conroyp.com - submitted by Paul Conroy
Background images are key to a lot of compelling site designs, but can cause performance issues as they can't take advantage of native lazy loading. How can we get the benefit of using background images, but in a performant way?
Read more [www.conroyp.com]
Using the shadow DOM as a better iframe
Here's how we use the Shadow DOM to ensure layout from page doesn't affect the layout of a component.
Read more [mailcoach.app]
Local or session storage?
Let’s review their similarities and differences, and determine when to use which.
Read more [sebastiandedeyne.com]
How to display dates in the browser's timezone in Livewire
– gdebrauwer.dev - submitted by Günther Debrauwer
In your Livewire components, you might want to display dates in the browser's timezone. In this post, I explore how you could achieve this.
Read more [gdebrauwer.dev]
Upcoming Livewire v3 Features and Changes
I'm very excited for Livewire v3. The new features look amazing!
Read more [laravel-news.com]
Six New'ish HTML Tags You Can Use Right Now
Jeffrey Way of Laracasts showcases some nice HTML goodness.
Making a complete file uploader with progressbar using Livewire and Alpinejs
– sinnbeck.dev - submitted by René Sinnbeck
Build a file uploader that supports drag and drop and file selection, has a progressbar, filename preview and file removal.
Read more [sinnbeck.dev]
Auto-Refresh Livewire Components While Keeping States With Vite
Let's check out how we can improve working with Livewire and Vite together, by using the Vite Livewire Plugin by Fabio Ivona.
Read more [christoph-rumpel.com]