April 14, 2020

A New Prototyping Stack - Code with Hugo - Apr 14th 2020

Welcome to the 71st 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,

I’ve had great success prototyping with Excalidraw for mockups, Alpine.js + TailwindCSS for visuals and Eleventy to input, inject and organise data in a readable format.

1. “Integrating Alpine.js with Eleventy & YAML files to create Alpine Playground’s Collections” Adding collections to Alpine.js Playground, essentially bringing it in line with projects such as awesome-alpine and alpinetoolbox.com. (11 min read) : https://codewithhugo.com/eleventy-collections-yaml-alpinejs/

2. Stop Using ‘Drop-down’ (Instead choose a term that accurately describes the control you want.) (6 min read): https://adrianroselli.com/2020/03/stop-using-drop-down.html

3. Why Exceptions should be Exceptional (5 min read): http://www.mattwarren.org/2016/12/20/Why-Exceptions-should-be-Exceptional/

Here’s the thread I kept of building the Alpine.js Collections feature:

I’ve also started contributing to the Alpine.js devtools github.com/Te7a-Houdini/alpinejs-devtools/issues, which is pretty crucial having a more mature ecosystem for Alpine.js.

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

Hugo