Alpine.js Crash Course

We will learn about all of the Alpine.js directives, properties as well as stores. Code: https://codepen.io/bradtraversy/pen/NWyrEZv 👇 Website & Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 2:02 - File Setup 3:41 - x-data & Components 4:15 - x-show 5:00 - x-cloak 5:52 - x-on & Events 7:26 - x-text 9:18 - x-transition 9:45 - x-effect 10:57 - x-bind 12:21 - x-model 14:22 - x-if 15:29 - x-for & Loops 17:03 - Manipulating State 18:36 - x-ref & $refs 21:04 - x-html 23:02 - $el 24:16 - $watch 25:59 - $dispatch 27:49 - $data 31:46 - Alpine Stores 37:59 - Mask Plugin