Grouping array items is a common task in programming. You probably wrote a JavaScript grouping function multiple times in your projects. And in the future, you don’t necessarily have to do it again. JavaScript is getting support for array grouping with the static Object.groupBy and Map.groupBy methods. …

JavaScript has supported async iterators since ES2018. All modern browser versions handle async iterables and Node.js can do it since version 10.x. Async iterables have a positive aspect and a drawback at the same time: you need to consume them to know the result. That means you can’ …

We’re using a small performance optimization in our code bases: caching computation results in local variables. Saving results in a local variable is borrowed from the memoization technique. Memoizing values improves the performance of function execution by storing the results and reusing them for a function call. This tutorial …

When writing code, you eventually want or need to change existing implementation. Changing existing code can have side effects for the application and you may need to refactor parts of the project which you didn’t plan to touch. Yet, it’s necessary to move forward and sunset old versions …

We’re building a Vue.js application for a client project. This Vue.js app uses the useFetch composable from VueUse. This composable uses the browser’s fetch to send requests to a given URL and handle the responses. We wanted to integrate handling in the Vue.js app to …

In the previous Future Studio tutorial, we looked into the details of what’s Symbol.iterator in JavaScript. Symbol.iterator is a global constant for the @@iterator property used by JavaScript’s iteration protocol. When looping through an iterable, for example, an array, JavaScript looks for the @@iterator property that …

Template literates in JavaScript are delimited with backticks and allow you to create string interpolation and multi-line strings. A multi-line string with template literals is convenient because you can add words and line breaks without concatenating strings using a + across lines. A downside of multi-line strings in template literals: it …

JavaScript has support for iteration protocols. These iteration protocols aren’t built-in implementations, but protocols outlining the convention that an implementation needs to follow. The Iteration protocol allows custom JavaScript objects to provide iteration behavior, for example how they provide values when looping over them in a for…of loop. …