In JavaScript, an array is a dictionary of indexes to values. Typically, you’ll only see the array items in the format like [1, 2, 3]. The sequential order of the sample array has a fixed length of 3. In some situations, you want to dynamically create an array of …

Node.js provides the node:fs core module allowing you to interact with the local file system. You can create, read, update, or delete files on your computer’s hard disk. This tutorial shows you how to delete a file from your local disk. {{outline}} Delete a File From Local …

One of the benefits of using TypeScript is the type system which requires you to provide the correct values between all interactions in your application. For values that can be null or undefined, you may need to handle different code paths, for example by using default values. TypeScript comes with …

Vue 3 introduced the composition API using <script setup> blocks. You can write any JavaScript in there to set up your Vue components. The composition API also introduced some hiccups related to reactive properties. For example, it’s possible to lose reactivity when destructuring reactive objects, like props. …

Vite is a great build tool for your frontend assets. It works nicely with popular frontend frameworks, like Vue.js. When looking for Vue.js tutorials on the Internet you may find code outlining Vue single file components. The imports in the tutorials may start with an @ symbol, like a …

We’re using GitHub Actions to run tests when pushing to a given branch. GitHub Actions are a convenient way for testing because the tests can run on the same platform where the code lives. We also wanted to run the CI pipeline for pull requests. And GitHub Actions come …

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 …

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 …