Your First Steps with Gatsby v2
Let’s explore GatsbyJS v2, the popular static site generator, by initiating a new simple blog.
Getting Started with Data Visualization Using JavaScript and the D3 Library
This tutorial will guide you through creating a bar chart using the JavaScript D3 library. D3.js, or just D3, is a JavaScript library. Its name stands for Data-Driven Documents, and it’s known for being used to make interactive and dynamic data visualizations for the web.
How To Avoid Performance Pitfalls in React with memo, useMemo, and useCallback
In React applications, performance problems often originate from component re-rendering. Because of this, learning how to prevent unneeded re-renders can help to optimize the performance of your React app. In this tutorial, you’ll look at how different actions can trigger re-renders and how you can use Hooks and memoization to minimize expensive data calculations. By the end of this tutorial, you’ll be familiar with many performance enhancing Hooks, such as the useMemo and useCallback Hook.
How To Build a Lightweight Invoicing App with Node: Database and API
To get paid for goods and services provided, businesses need to send invoices to their customers informing them of the services that they will be charged for. In this tutorial, you will build an invoicing application using NodeJS and SQLite.
How To Build Command Line Applications with Node.js
As a developer, chances are you spend most of your time in your terminal, typing in commands to help you get around some tasks. Some of these commands come built into your Operating System, while some of them you install through some third party helper such as npm, or brew, or even downloading…
How To Convert a Gatsby Site to a Progressive Web App
A Progressive Web App, or PWA, is a type of website that goes beyond the usual limits of web capabilities, using newer technology to bridge the gap between your browser and your operating system. Gatsby developers can deliver users an improved overall browsing experience by converting their apps to PWAs. This tutorial will walk you through using plugins to turn a sample Gatsby site into a PWA by providing a secure context, making a manifest file, and adding a service worker.
How To Create an HTTP Client with Core HTTP in Node.js
It’s common for a modern JavaScript application to communicate with other servers to accomplish a task. In this article, you will use the https Node.js module to make HTTP requests to a web API, including GET, POST, PUT, and DELETE requests.
How To Create User Interactions with Events in Vue
In Vue.js, developers use events to add user interaction to their web applications. However, the front-end framework offers a quicker method of handling events by using the v-on directive. In this tutorial, you will use events in Vue to create an application of airport codes. When the user selects an airport code, the app will add that airport to a “favorites” collection. By following along with this project, you will learn about Vue’s built-in events and how to create custom events.
How To Debug Node.js Code in Visual Studio Code
Visual Studio Code has a large amount of functionality built in, including support for debugging applications. However, configuring VS Code to debug Node.js can be counterintuitive. In this article, you will configure VS Code to debug Node.js by downloading the Debugger for Chrome extension, creating a Debug configuration, launching a Debug configuration, and setting breakpoints.
How To Handle CPU-Bound Tasks with Web Workers
In this tutorial, you will create a CPU-bound task that blocks the main thread in the browser and observe how it affects the web app. You will then unsuccessfully attempt to make a CPU-bound task non-blocking using promises. Finally, you will create a Web Worker to offload a CPU-bound task to another thread to prevent it from blocking the main thread.
