Sometimes you need to check for the type of a variable before moving on with any processing. For example, you may want to validate a value to be an object before merging its properties with another object. This tutorial shows you how to confidently check whether a given value is …

JavaScript introduced the destructuring assignment back in 2015. The destructuring assignment is a way to unpack properties of an object or items from arrays into variables using a syntax that looks like objects or arrays. This tutorial shows you how to use nested destructuring in JavaScript. {{outline}} Using Nested Destructuring …

Randomizing items should lead to an even distribution of available elements. For example, a coding error lead to an uneven distribution in Microsoft’s browser choice. This is something you want to avoid when shuffling items randomly. This tutorial shows you how to randomize the characters of a string using …

We’re currently working on a new design for Future Studio. The next version uses Tailwind CSS with the Tailwind typography plugin. The default typography styling in Tailwind CSS uses backticks around inline code. We wanted the inline code not to use backticks and instead a light background. This tutorial …

Node.js published the first release of version 19.0.0 on October 18th, 2022. After that, we updated some of the Supercharge packages to run tests for Node.js 19 to ensure compatibility of the packages. One hiccup we noticed were the test runs for the @supercharge/sttp package. …

Sometimes you want to count the number of words in a given string. This string value may come from a variable, a database column, or the content of a file. For example, you can calculate the reading time of a text using a text’s word count. This tutorial shows …

Vue.js 3 provides a handy createApp function allowing you to fluently create and mount a single page application. We’re currently working on a project that mainly uses native JavaScript and we’re adding Vue.js programmatically when creating and interacting with a complex modal. Using Vue.js for …

Operating systems use different end-of-line markers indicating a new line after the given marker. For example, POSIX systems (like Linux and macOS) use \n and Windows uses \r\n. This tutorial shows you how to retrieve a platform-specific EOL marker depending on the operating system that runs your code. {{outline} …