Introducing wire:current in Livewire

Heyyyyyyyyy,

This morning, I released a new version of Livewire (3.5.13) with a new feature I've been cooking up.

Let me introduce you to "wire:current":

Basically, it's the easiest way I could possibly think of to style a link that matches the current page URL.

This started as something I needed when persisting sidebar navs between page nagivations using wire:navigate, but has become something I think I'll be using for all navigation, everywhere.

I always find myself fiddling with things like request()->is():

But first, I always have to look it up, and second, it always seems to behave slightly differently than I want it to for things like named routes and such.

So yeah, wire:current. A super clean, easy, way to just plop some CSS classes on an "a" tag if it's href matches the current URL path. Dig it.

​Check out the wire:current docs →​

Oh, also Livewire screencasts are 50% off if you want those and haven't bought them already:

​Get Livewire 3 screencasts half off →​

Thanks for using Livewire, appreciate cha,

-Caleb

Unsubscribe | Update your profile | 113 Cherry St #92768, Seattle, WA 98104-2205

Comments

Post a Comment

Popular posts from this blog

🥳 Flux UI is now live!

Image
Hey! Wow. This was way more work than I thought it would be (...said everyone who ever launched anything), but we did it! 🚀🎉 Flux is officially liveeeeeeee! ​ If you head over to the Flux site, you can browse all 26+ components and read through the documentation to get feel for what it's like. ​ Explore Flux and grab a license here → ​ Quick reminder, instead of per-project/per-year pricing, I'm offering an "Unlimited everything forever— $279 " discount price to celebrate the launch. You pay that price once and you can use Flux in as many personal or commercial projects as you want and you'll receive updates to the component library forever. I really wanted this to be a no-brainer buy at launch. --- Let me extend a deep thank you from the bottom of my heart for using Livewire and supporting my journey. Because people like you purchase products like this, I can keep working on Livewire and Alpine full-time. It's my dream job. ❤️ ...
Read more

C# lists, Regression Testing, and much more!

Image
Hi there, here is your shiny new edition of the Developer Things newsletter! Developer Tips, Tricks & Resources Start Your Free Retrace Trial Today! What is Singleton? A Detailed Overview   One of the most well-known design patterns, singleton ensures the existence of a single instance of a given class during the life of an application. Our detailed overview covers what makes this pattern important and useful, how and when should to use singleton, plus use cases and examples. Read More! ...
Read more

New Livewire Data Tables series is here!

Image
Hey Livewire folks! It is time. I just launched the new data tables series in the Livewire screencasts. ​ Watch the new series right now → ​ If you don't want to dive in right away or aren't a paid subscriber, check out this fun little teaser I made. (It's the entire 4-hour course condensed into 3.5 minutes while I fiddle around on a synthesizer in the background) ​ Check out the free, short, teaser video → ​ Here's a screenshot of the final product: ​ ​ This series has 27 episodes, is over four hours long, and covers way more than just the table part. We add charting, date range filtering, bulk actions, etc. My favorite part about this series is how we managed to make all the interactions on the page instant. Every time a user clicks on a button or a menu or selects an item, the entire page reacts instantly while something happens in the background. It truly feels like a full React or Vue application. Aside from learning how to build all t...
Read more