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