Future Studio Tutorials

Public tutorial on Thursday. Wednesday is only.

Lerna — Replacing the Bootstrap Command

Lerna v7 removes the package management commands bootstrap, add, and link. You can find more details on these changes Lerna’s 7.0.0 changelog entry. The Lerna team encourages you to use your package manager’s functionalities to manage project dependencies. All major package managers (NPM, Yarn, PNPM, …) work …

Continue Reading

Vue.js 3 — Bind a Value to an HTML Datetime Input

Vue.js comes with the practical v-model directive to create a two-way binding between HTML input fields and a variable’s value. This binding also works when using JavaScript dates and a related input field of type or datetime-local or datetime. This tutorial shows you how to use v-model on …

Continue Reading

Vue.js 3 — How to use Refs in Composition API

Vue’s template rendering abstracts most of the DOM operations. And yet you might run into a situation where you need to access a given DOM element. Vue uses “refs” to access DOM elements with the ref attribute on that element. This tutorial shows you how to reference elements in …

Continue Reading

Node.js — Convert a String to Buffer

When working with Node.js’ crypto module you sometimes need to provide Buffer instances as an argument. For example, the timingSafeEqual function accepts two buffer arguments for comparison. Sometimes your raw values are strings and you need to convert them before using them in your application code. This tutorial shows …

Continue Reading

JavaScript — Sort a Set

Modern JavaScript comes with a built-in Set class. A set instance stores unique values of any type. You can use sets with primitive values and more complex data structures, like objects. A downside of sets in JavaScript is that they don’t provide the same methods as arrays. Sets don’ …

Continue Reading

Explore the Library

Find interesting tutorials and solutions for your problems.