Say No To Complexity With AlpineJS - Caleb Porzio

Get a GitNation Multipass, attend 8+ remote JavaScript conferences & watch tens of pro talks and workshops from our past events: portal.gitnati...
🗓 Talk recording from JSNation Live 2020, the biggest JavaScript conference in the cloud: live.jsnation.com
Say No To Complexity With AlpineJS
Modern JavaScript is powerful, but big frameworks like Vue or React add an overwhelming amount of complexity to a developers' workflow. That’s why I wrote AlpineJS. It’s less than 10kb, requires no build process, takes almost no time to learn, yet gives you the declarative templating and reactivity you can’t live without. I can’t wait to show it to you.

[@coachschmiede]

As a back-end developer I had always problems with the concept of other JS frameworks so that I always ended-up using vanilla JS only. This completely changed with alpine.js. I am loving that it fits perfectly into my back-end driven component structure. Really elegant and a massive time-saver. I hope alpine.js won't get so bloated like many other JS frameworks/libraries.

[@theodorabi-mansour1750]

Caleb this is an amazing 32 mins for Alpine video, I just want to give you a huge thumbs up for it and wish you to keep enhancing ALPINEJS to start competing VUE/REACT very soon

[@miku4j]

I got a simple project, and i thought mm i think it's time to learn alpine. So i open the alpine site, memorize it's 15 directive, 6 prop, and 2 methods. Then i start using it, and i love it It really is powerful as hell

[@ramonsohal2404]

I was searching for a super lightweight framework because I love Vue but it's overkill for tiny projects/demos. Then I found this and it's exactly what I was looking for!! This is amazing :)

[@DodaGarcia]

This is just wonderful. I am loving this new wave in front-end development where things got so complex you needed about 5 libraries before you could open a JavaScript modal, and now things are going the opposite way and filling that gap where we often need to do something more reactive than a plain page but not so involved that it should require a whole suite of dependencies. Thank you! I look forward to trying it out.

[@jaxsonkai7433]

sorry to be off topic but does anyone know a way to log back into an Instagram account..? I was stupid lost the password. I would appreciate any assistance you can offer me

[@haydenalbert7738]

@Jaxson Kai instablaster =)

[@jaxsonkai7433]

@Hayden Albert thanks for your reply. I found the site through google and Im waiting for the hacking stuff now. Looks like it's gonna take a while so I will reply here later when my account password hopefully is recovered.

[@jaxsonkai7433]

@Hayden Albert It did the trick and I actually got access to my account again. Im so happy! Thanks so much you saved my account :D

[@haydenalbert7738]

@Jaxson Kai Glad I could help :)

[@sharx2002]

this is what dom manipulation in javascript should've been like from the start. super clever

[@dancwilliams]

I have been playing around with AlpineJS and trying to get some things to work and this was GREAT! Thank you for breaking it down. This has changed so much for me. Thanks!

[@benjolin1623]

Loved your video. However I have vision problems and would have enjoyed it more if you had made the window and text larger. Maybe even dock your camera in the bottom corner. 10/10 on the tutorial.

[@MexMario]

Hello AlpineJs, Goodbye Lit HTML. Thanks for this amazing "Framework"!!!

[@Sebas-sg1kj]

Using Alpine for next project, amazing stuff. Great work!

[@this.channel]

Wow, I'm besotted by this new framework/library.

[@gersonadr2]

Thanks a lot Caleb! Nothing like hearing from the horse's mouth ;) I'll use Alpine JS + Tailwind on my next webapp. Can you please tell us more about Livewire? All the best!

[@ivnstudios6135]

thanks for making this videos time min 3 -- EDIT: WOOWWW this is so FKN awesome !! min 18

[@bjornleonhenry9750]

OMFG ... Thank you so much sir, U are a genius , this really is awesome 💯☀️💪🙏✌️

[@Troy-ol5fk]

an x-data attribute is needed even when no data is being passed in , I learned it in a hard way

[@xicor9469]

I came here after reading about the TALL stack and I'm in love.

[@sandworm9528]

What's the two L's ?

[@louisraillard3449]

@@sandworm9528 Laravel and Livewire

[@cindrmon]

i would love to use this with hugo for minimal javascript on a hugo theme! this is really awesome!

[@jimmyfromthewoods]

This is impressive cant wait to try this out

[@hansdampf10]

Great talk!!

[@kirantpatil123]

Can you please share a alpine code in Rails app ?

[@Roccatstr]

You are a GOD!

[@RezzhulGames]

I agree! Man, Alpine.js is AWESOME!

[@MagnusAnand]

excellent presentation

[@TokyoXtreme]

I came here to chew bubblegum and learn about Alpine JS… and I’m all out of bubblegum.

[@josemarevalo]

thank you thank you thank you

[@berbagimadani]

Very cool. Thank you

[@stephenlau2845]

Hello Sir....thank you very much....That is a great tutorial....but I have a problem, how can I build a carousel with Alpine.js and it can play automatically ? Thanks again....

[@kakarotslk]

Makes me reming to angularjs 😊

[@jatasya8948]

Awesome

[@rickybarabba7866]

Wow man...