JavaScript

A Quick overview of the File System Access API — Filesystem access has been a pipe dream for JS developers. Until this year, until the introduction of the File System Access API. This API enables JS developers to read and write to the host’s filesystem. In this post, I’ll walk you through reading and writing data to the filesystem. Access a directory and file You…

An overview of Bun and how its performance and runtime compare to Node — Recently, Bun.js made a big fuss over the internet, and it is framed as another Node.js killer, but is it really? Let’s figure it out together. What is Bun.js? Bun.js, first of all, is new JavaScript runtime and, per its creator saying, “is designed as a drop-in replacement for your current JavaScript &…

Want to make your website more accessible and trendy by providing dark mode option? Here is the step-by-step guide on how to implement dark mode in React with the best practices. — Step 1: Create React app using Vite (skip if already created) Let’s start by creating the React App. I will set up the project with one of the most popular build tools called Vite. One of the great advantages is that it simplifies and speeds up the development process.

React version 18 was released, and since it is a major new version of React it does, as you would expect, introduce some new, exciting features. Thankfully, though it does not break your existing code, what you learned about react still applies. The code you write still is the same.

In this article, we’ll take a quick look at the tricks we can use to create a web application as fast as possible. — These days having a fast & sustainable web app is a mandatory thing for tech companies and with this enormous community of web developers, achieving this thing is easier than always. But first I want to picture how a new JavaScript web application actually works on the client side.

Generally, the purpose of these functions is to restrict some requests and ensure that they work well. Actually, everyone can know these processes but I wanted to tell you one by one because they can be complex. Let’s go from simple to complex in order; setTimeout() Basically, the setTimeout function is…

A function contains a body of code that can be executed over and over. Here’s a sample function: const calculateOnePlusOne = function () { return 1 + 1; }; const result1 = calculateOnePlusOne(); const result2 = calculateOnePlusOne(); const result3 = calculateOnePlusOne(); While the calculateOnePlusOne function is defined just once (on…