Alpine.js in-depth: Show/Hide with x-show - Code with Hugo - Jul 21st 2020
Welcome to the 85th Edition of the Code with Hugo newsletter about JavaScript, Node.js & Enterprise patterns.
Here are 3 links I think are worth your time this week,
-
“Show/hide in Alpine.js with x-show” In Alpine.js the directive used to toggle visibility of an element is x-show. (2 min read) : https://codewithhugo.com/alpinejs-x-show/
-
The process: Making Vue 3 - Over the past year, the Vue team has been working on the next major version of Vue.js, which we hope to release in the first half of 2020. (This work is ongoing at the time of writing) (11 min read): https://increment.com/frontend/making-vue-3/
-
A case study of complex table design - I just released a new version of Actual and a big change is a rewrite of the budget table. It might not look like much, but it pays down a lot of technical debt and is a big improvement in many ways. The previous design resulted in a poor user experience despite good intentions. (6 min read): https://jlongster.com/case-study-complex-table-design
Tweet of the week is @_developit reminding us that we’re all human/we’re likely to forget await:
I love async/await, I really do. But I did just lose half an hour to a forgotten
await.(was missing a jsdoc annotation that would have made it a type error!)
— Jason Miller 🦊⚛ (@_developit) May 25, 2020
What I’m watching: Next Auth (https://next-auth.js.org/) “Easy authentication for Next.js and Serverless” is a pretty cool project, and, you guessed it, it’s for adding authentication to Next.js applications. Whether you use it to add authentication & authorisation to a Next.js app or you use it as inspiration for your own take, I’m a fan of the API it exposes but maybe not all the decisions (eg. the heavy “don’t use passwords, they’re not secure” opinionation of the creator).
That’s all for this week, stay tuned for more JavaScript tips to help you get stuff done.
Hugo