Alpine.js is a lightweight JavaScript framework that’s a perfect fit for adding
functionality onto existing markup.

Article: https://www.better.dev/getting-started-with-alpine-js

  • 0:00 Introduction
  • 01:30 Getting Started with Alpine.js
  • 02:06 Creating a Button
  • 02:57 Click Events with Alpine.js
  • 03:48 Showing and Hiding an Element
  • 05:56 x-text
  • 06:28 Alpine.js vs React vs Vue
  • 07:51 Looping over a list
  • 09:12 x-model 2-way data binding
  • 10:52 Submitting a Form with Alpine.js
  • 12:03 Adding Alpine.js Methods
  • 13:17 Conclusion

🏠 https://better.dev

😃 Courses
Tailwind Beginner Course: https://BeginnerTailwind.com
Free Emmet Course: https://FasterWithEmmet.com
React Course: https://MakeReactApps.com

💙 Social
Chris’s Twitter: https://twitter.com/chris__sev
Kapehe’s Twitter: https://twitter.com/kapehe_ok

🐝 Community
Discord: https://discord.gg/jzwnuyzfvb
Newsletter: https://better.dev#newsletter

#alpine #javascript #tailwindcss #tailwind #css

Getting Started with Alpine.js: Tailwind CSS for JavaScript
7.10 GEEK