5 AlpineJS Plugins You Need To Know About (& bonus tool)
HTML-код
- Опубликовано: 11 сен 2024
- I love AlpineJS. But, just like with other tools that I make videos about, I love the community even more. Here's some of my favorite plugins for AlpineJS and why they are so useful when building products.
AlpineJS: alpinejs.dev/
Extending AlpineJS: alpinejs.dev/a...
Create Alpine App: github.com/the...
Alpine Clipboard: github.com/rya...
Alpine AutoSize: github.com/mar...
Alpine Collapse: alpinejs.dev/p...
Alpine AutoAnimate: github.com/mar...
AutoAnimate: auto-animate.f...
AlpineAJAX: alpine-ajax.js...
Keep creating.
---
📹 *Watch My VSCode Setup Video:* • My Minimal and Beautif...
🎓 *Make VSCode Awesome - Caleb Porzio's Course (support me with this link):* gumroad.com/a/...
Alpine JS is heavily underrated , I've done a lot of React-Like operations with alpine js with
django
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.
Check out AlpineAJAX too! :)
Another great video josh!
Thank you for watching! ☺️
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.
Laravel Precognition
There is a way to do real time validation in live wire I think
@@windows07 I want to do it in alpine js not in livewire
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
@@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.
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
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. :)
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
@@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
@@user-ek8hs5bg2y 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.
Hi Josh, may I ask what font do you used for sidebar vscode there?
Maybe he mentioned it in this video of his minimal vs code setup ruclips.net/video/uoqhrFRuRF4/видео.html
Sure! This is the Dank Mono font.
nice video
Thank you! ☺️