Practical Alpine.js: the Basics - Code with Hugo - Mar 10th 2020

Welcome to the 68th Edition of the Code with Hugo newsletter about JavaScript, Node.js & Enteprise patterns.

Here are 3 links I think are worth your time this week,

1. “Practical Alpine.js: x-data data access & data fetching examples” I feel like I’ve finally found a lightweight replacement for interactive jQuery or Vanilla JS, see these examples to understand what I mean. (5 min read) : https://codewithhugo.com/alpinejs-x-data-fetching/

2. We did it! How a comment on HackerNews lead to 4 ½ new Unicode characters (1 min read): https://unicodepowersymbol.com/we-did-it-how-a-comment-on-hackernews-lead-to-4-%c2%bd-new-unicode-characters/

3. How containers work: overlayfs (4 min read): https://jvns.ca/blog/2019/11/18/how-containers-work–overlayfs/

A wise thread from Sarah Drasner:

I’m feeling very conflicted with advice that’s becoming standardized, and perhaps I’m wrong about this:

It’s been a take lately that you should not code outside of work. I’m not sure it sets people up for success. (thread)

Today marks the launch Alpine.js Weekly, I’ve been contributing to the project and this really resonates with me, it’s markup-centric directive-based syntax with a small CDN include and a strong Proxy core. Plus I feel like it’s a framework specifically catered to non-SPA use cases and that’s what I’ve been using for Code with Hugo. As an experiment I also created Alpine.js Playground, it’s turning out pretty good as a cookbook.

That’s all for this week, stay tuned for more JavaScript tips to help you get stuff done.

Hugo