Alpine.js vs jQuery vs Vanilla JS: Example + NEW Course!

- - - - -
Support the channel by checking out our products:

[KastsEcho]

Actually, there is an official lighter version of Vue called Petite Vue that doesn’t require components and seems more on par with the main framework for directives than Alpine (being relatively new still.)

[phoenixedge]

Been waiting for your alpine class. Can’t wait to go through it!

[ZephniStrife]

It's interesting that while ive been in web dev for about 14 years it's always been looked down on to write inline styles... but over time it's becoming more and more normal to do stuff inline like alpine and tailwind (which is bassically inline styles with added features). I do like it though, especially with the lack of a huge framework or filesize, it simplifies the work process and speeds up development hugely! The project i am currently working on is using Livewire / Alpine and Ive had so much fun developing it, because it finally sits right with me, whereas Vue and React never quite did.

[redamakarem]

I am going through the course now and I have already learnt a ton although im not even half way done.
Highly recommended
Great content <3

[borysiatko]

JS is going full circle, next best framework will be the plain js which will allow you to skip all bs code

[fatehlayachi]

Hi Povillas, Thank you for sharing your experience with us with simple and rich videos.
Please can you make a video about creating a menu that contain in some elements a submenu (using components like <x-menu>, <x-menu.item>, AlpineJs for show/hide submenus and also show/hide scrollbar automatically when scrolling/stop scrolling. Thnx in advance

[ricomarcelo]

Thanks for this video comparing Alpine.js with jQuery and vanilla JS. You could have included Petite-vue (not the full framework) since Petite-vue serves the same purpose as Alpine.js. Perhaps you can come up with Alpine.js vs Petite-vue video next?

[poox]

Hi Povillas, i have question about Laravel Naming Convention. What do you suggests about functions in Controllers? I have something like:
"/shows/letter/$letter".
In controller should i name functions like public function byLetter() or public function by_letter() or just byletter()? I haven't find out any example what is best way. Every example is with one word so it's like index() store() etd. Thank you.

[jimishukurow]

will that @click conflict with vue @click?!

[JAD.]

It seems the `open` variable does not do anything in the jQuery code.

[baxiry.]

jquery :
<button onclick="$('p').toggle();">

no thing else

[ouro-akpokhaled]

Hi Povillas. Great are your videos.
Please can you make a video for laravel sail with docker desktop ? Thanks in advance

[fafaratze]

when using alpinejs, i would still separate the javascript because inline javascript is a bit messy to me.

[Danibd]

You're using wrong way the jquery bc the toggle function is defined by jQuery...
U can use it this way: <button

[AIteek]

I really dont see why a well structured alpinejs + laravel setup cant be used in a big project... Some improvements in alpine component reuse and id never have to use these big fat JS libraries again

[holacuba]

Impressive!
What is the scope of the alpine variables? In this example "open". Can I have the "open" variable in the same html page in more then one element or I must use it only once per html document?

[amirhossein]

Don't you continue your tasks(tests)?

[aurelianspodarec]

Right, Alpine is great for small projects, but not big projects - that's what I understood.

[LuisFernandoFranco]

Ley me ask a surely dumb question. Can you use Vue and Alpine in the same project, let's say same component?

[soniablanche]

People should stop using jquery. Vanilla JS can do the same thing without dependencies, without learning new libraries and without the performance hit.