All-in on JS/CSS/everything in markup?
If you had told me six years ago that I would one day write HTML that looked liked this, I would have called you a lying dog-faced pony soldier. I would never write such horrible markup.
...But here we are. 🎉 pic.twitter.com/pjy3fRiEeq
— Jeffrey Way (@jeffrey_way) June 11, 2020
Jeffrey Way is not the only one enjoying putting everything in his markup.
[D34 & 35]
Make some quick apps using @Alpine_JS ... its awesome when you combine it with tailwind and everything is just in an HTML file.#100DaysOfCode #javascript— ⚡Jalaj⚡ (@codewithjalaj) June 11, 2020
This email is supported by Codecourse. Practical screencasts for developers (including Alpine.js!).
Alpine seems to have some people excited not just about "everyting in markup"
Reading about Alpine.js so I can be Down With The Cool Framework kids, but not using code from Massive Creepy Org or arseing about with bundlers and a toolchain the size of France. https://t.co/l3VFb56PeV
— Bruce Lawson, Antifa. Black Lives Matter. (@brucel) June 9, 2020
Did you know?
You know another thing I love about @alpinejs? Built-in debounce! That’s 90% of my usual headaches with vanilla js gone at no extra cost.
— Jannis Borgers (@jannisborgers) June 7, 2020
Made with Alpine.js
Demos
- jQuery Datatables functionality with Alpine and Tailwind by @tommy_ia
- Mobile friendly Hero design with Alpine and Tailwind by @mr_alaraj
- alptail.com by @userlastname has a bunch of cool components
- A performant and accessible social sharing widget with Sharer.js
Articles & Tutorials
[Video - PAID] a dropdown Blade component with Tailwind and Alpine.js. by @laracasts
Let’s build a tab navigation with Alpine.js by @dwberri
Intro to Alpine.js with Twilio Verify and Laravel Livewire by @ShaneDRosenthal
Sync Alpine.js x-data to localStorage/sessionStorage by @hugo__df
Alpine.js Drag and Drop Integration with Laravel by @trovster
How to create carousel / slider using Alpine JS + Tailwindcss by @nemrut_co (@MuzafferDede's company I believe)
(Video) Let's Build a Memory Game - Laracasts by @jeffrey_way (shared by @AntoineAugusti)
For more posts like these, you can join the Alpine.js Handbook Knowledge Base (Paid), it's a great way to support the newsletter and get early access to Alpine.js content.
Code & Tools
livewire-select v1.1.0 by @asantibanez now supports Alpine.js.
alptail.com by @userlastname has some really nice Alpine + Tailwind components.
Opportunities
@terry_upton is looking for someone to pick up some Alpine work.
I am looking to partner up with someone who can help me with bits here and there, sprinkles of JS/@Alpine_JS or Vue and sometimes @CraftCMS modules. Can’t promise huge amounts of work. But I need someone who can support adhoc. #craftcms #alpinejs
DMs open if you want to chat...— Terry Upton (@terry_upton) June 12, 2020