5 AlpineJS Plugins You Need To Know About (& bonus tool)

[@omamokejeffrey5626]

Alpine JS is heavily underrated , I've done a lot of React-Like operations with alpine js with django

[@Tanjiro-ju4uu]

Another great video josh!

[@joshcirre]

Thank you for watching! ☺️

[@hamm8934]

Really struggling to get into the mindset of using HTMX with Alpine and considering just dropping HTMX all together and just making fetch calls with alpine.

[@joshcirre]

Check out AlpineAJAX too! :)

[@muhammadasadshafiq5189]

Do you know a package for validation ? I have an app with large form like 10-15 fields and i want to validate on client side ? Let me know how to handle it with alpine js.

[@MatteoPresot]

Laravel Precognition

[@windows07]

There is a way to do real time validation in live wire I think

[@muhammadasadshafiq5189]

@@windows07 I want to do it in alpine js not in livewire

[@joshcirre]

I haven't needed too much since I use Laravel for validation, but this is a plugin I've heard talked about quite a bit! js.hyperui.dev/examples/form-validation

[@muhammadasadshafiq5189]

@@joshcirre thanks i will check this out. I just want to use it because i want to take payment from client using stripe js and I'm unable to crack the code with laravel validation. Because if i take the payment first and then something missed out at server end so it's hard to track that.

[@suikolaravel]

Hi Josh, may I ask what font do you used for sidebar vscode there?

[@wodashekaf]

Maybe he mentioned it in this video of his minimal vs code setup kzbin.info/www/bejne/q6DUmaV8h9qFfJY

[@joshcirre]

Sure! This is the Dank Mono font.

[@Richardritchie-w1f]

Great content as usually. My personal thoughts on alpine: with tailwind the code looks fking ugly as fk at one point. Hard to read. You can convince me more on how it's cool and stuff but it's a liquid pain out of my eyes every time I open a penguin ui (way better that dojo ui btw) component and trying to understand what's is going on. Let's combine it with php syntax and you done. Cheers

[@joshcirre]

I think a lot of those components are meant to be used as one-offs when you need them and if you need them for more, I think that's where Laravel Components come in handy. One thing you might find handy is taking the data out of the inline Alpine component and moving it to it's own script tag. :)

[@duckeggcarbonara]

Consider a couple alternatives: 1. The Tailwind Fold extension for VS Code 2. An alternative CSS library that isn't utility-based like Pico CSS 3. Moving things into an external script tag

[@Richardritchie-w1f]

@@duckeggcarbonara thank you. Vue solves a lot of problem for me. I'm just started but already in love. Mature and well polished approach of spa is unbeatable. Tall stack is not for me sadly. I'm not jumping on hype train, nah. I even made a WordPress theme with alpine.js, I don't wanna tell you how nav menu controller code looks like.. Tailwind + alpine + navi by log1x becomes wall of unreadable code.. bro

[@duckeggcarbonara]

@@Richardritchie-w1f Vue uses a lot of the same patterns as Alpine does. If you move some of the Alpine code to an external script tag, it'll look very similar.

[@nlveej]

nice video

[@joshcirre]

Thank you! ☺️