Issue #19 - Scriptified
Visualize how different array and object transformations work in JavaScript, understand how caching, fetching and revalidations work with the Next.js App Router, check if you understand truthy values in JavaScript and a neat trick to create fixed length arrays with custom items via Array.from
Tip of the day
Array.from() takes a secondary map argument which can get handy when creating new arrays of specific length.
Array.from({length: 3}, (_, i) => ({ id: i + 1 }))
> [{ id: 1 }, { id: 2 }, { id: 3 }]
Articles
3 TypeScript Tricks I wish I knew when I learned TypeScript
Learn some handy tricks with TypeScript that can help you write more maintainable code and save you some time.
by Tim Raderschad
Although web accessibility should be a must in all web applications yet it remains a mystery among many developers. With this article, Alvaro tries to debunk some of the common misconceptions around web accessibility.
by Alvaro Montoro
Tools
A tool that helps you organize your dotfiles by helping you keep them under version control system like git. It can provide “one click” idempotent installations for dotfiles that are specified using JSON or YAML files.
by Anish Athalye
A tool for visualizing JavaScript Array and Object transformations, by generating diagrams containing intermediate values, errors and warnings for each transformation step, that’ll help you find out what the code does (or doesn’t).
by Renato Böhler
Tech Talks
Next.js App Router Caching: Explained!
Learn how you can utilize the different APIs provided by Next.js App Router to fetch cache data, perform mutations, and revalidate cached data with server actions and how you can opt out from the default caching behavior when needed.
by Vercel
Quiz
What's the value of output?
const output = `${[] && 'Im'}possible! You should${'' && `n't`} see a therapist after so much JavaScript lol`;
This week in GIF
)](https://images.scriptified.dev/issue-19/gif-19.gif)
When I’m looking for a catchy name for my new variable (via thecodinglove.com)
Liked this issue? Share on Twitter or read previous issues.