geshan

React is one of the most popular JavaScript libraries. React fragments solves the problem of returning multiple elements without the need of wrapping them in an extra Node (usually a div).

The fragments feature was introduced in v 16.2 of React. In this tutorial, you will learn how to use React fragments to add multiple elements to a React component, let’s get started!

Next.js is a popular and opinionated React based meta-framework with a tagline of “Production grade React applications that scale”. Using Next.js with Docker has multiple advantages. This tutorial will walk you through setting up and running a Next.js project with Docker and Docker Compose, let's get started!

The TypeScript Record type is a utility type that can be used as a structured dictionary. You can construct a new Type with the allowed Keys and values types In this post, you will learn how to use the TypeScript record type to represent some data and how it translates to compiled JavaScript. Let’s get going!

Axios is one of the most popular JavaScript libraries to perform HTTP requests. Axios interceptors are powerful mechanisms built into Axios for making changes to requests and responses in a non-intrusive way. In this guide, you will walk through the basics of Axios interceptors and step through a useful example of how they can be used. By the end, you should have a good understanding of how to use Axios interceptors in your own applications. Let’s get started!

Writing and parsing XML files with Node.js might not be one of the first things that strike your mind. On the contrary, the Fast XML parser has millions of downloads per week on NPM. In this post, you will learn how to validate and parse XML with Node.js. You will also learn to generate an XML file from JavaScript objects. Let's get started!

Axios is one of the most popular JavaScript libraries to do HTTP requests. It is an HTTP client available for both the browser and Node.js. Setting Axios timeout properly makes your application perform efficiently even when the called API/URL is not responding in a timely manner. In this post, you will learn about Axios, its configs, and how to set Axios timeout properly to not hamper your application’s performance. Let’s get going.

React is the most popular frontend framework (ok a library) in terms of usage for the past 6 years. Being able to search content is a very useful feature for all websites and React apps are no exception. In this post, you will learn how to add a React search bar to an existing React app step-by-step. Let’s get going!

Imagine your console.log being able to show multiple colors. Not only would it be colorful but it will also be helpful. This is where the NPM chalk module comes in very handy.

It will add some life to your console by highlighting important text and making the text more readable. In this post, you will learn how to install and use the NPM chalk module to colorize your console output. Let’s get started!

In this post, you will learn about how JavaScirpt runs in an asynchronous mode by default. You will also get to know about a simple React.js app that fetches the latest Hacker News front page stories. You will write tests for the asynchronous code using React Testing Library watiFor function and its other helper functions in a step-by-step approach. Let’s get started!

Two or more NPM commands can be run simultaneously with the NPM concurrently package. A simple use case for this can be when you want to run the server and the client in parallel for a JavaScript project. In this post, you will learn how to use the concurrently NPM package for running two or more NPM commands simultaneously, let's get going!

Node.js is the defacto JavaScript runtime for the backend. In this post, you will learn about newer Node.js alternatives Deno and Bun with a simple Joke API code example and how to host it. Let's get started!

Call it a wait, sleep, or delay in executing code in JavaScript. It can be done in multiple ways in JavaScript on the browser and Node.js. In this post, you will learn how to wait for 1 (or x) second in Javascript using setTimeout, promise, and Delay NPM package with a working code example. Let’s get started!

In this post, you will learn about how to use Jest’s spyOn method to peek into calls of some methods and optionally replace the method with a custom implementation. You will also learn how to return values from a spy and evaluate the parameters passed into it with a practical React code example.

Jest has been the tool of choice for writing tests in JavaScript for years now. This guide will teach you how to run a single test using Jest. Let’s get going!

Jest is the most used JavaScript testing framework. In this post, you will learn how to use Jest toHaveBeenCalledWith for testing various scenarios like a partial array, partial object, multiple calls, etc. Let’s get started!

Learn how to return multiple values from a function call in Javascript. Unlike go lang, JavaScript does not have a native way to return multiple values from a single function. In this post, you will learn how to improvise on this and get around the issue if you have to get back multiple values from a JavaScript function call. Time to get going.

Async execution and promises are not easy to understand in any language and JavaScript is no exception. In this post, we will dissect how JavaScript Promise.all function works visually and with a real-life code example, let’s get started!

JavaScript Sets are a new type of object (with ES6) that allows creating a collection of unique values. The values stored in a set can either be primitives like strings or integers or more complex types like arrays or objects. In this post, we will look into how to use Sets from a beginner’s point of view, let’s get started!

Feature flags in any language significantly reduce the blast radius of a release if anything goes wrong. Javascript feature flags are no exception. In this post, you will learn how to use javascript feature flags in a React.js application to deploy a small feature safely to your users. Let’s get started!

Use these 10 nifty JavaScript array functions to get your job done easily and efficiently. Some of them include map, filter, some, find, and sort. Read more about these handy methods.