In this tutorial, we will learn how to create a stopwatch with hour, minute, second and milliseconds in React JS. A stopwatch is a device that is used to measure the amount of time elapsed from the start of an event to its end. Before starting this tutorial, you should…

In this tutorial, we will learn how to use a JSON file as a server for a fake API in React JS. This is useful when we want to test our application without relying on a real API. …

Recently I started using Hasura and I must say that it’s best for frontend developer who doesn’t wanna rely on backend developer to create simple APIs. It’s fast, secure, and supports GraphQL. Today I will show how to install Hasura on your machine and start using it with React JS. Requirements …

Today, I’ll show you how to configure the husky and lint-staged modules to check for linting errors before pushing your code to the repository. Personally, I use this on all of my projects because I don’t want to push code with errors to my repository and then fix and commit…

Today in this tutorial I will show you how to create a custom column hiding in react table. So I was working on a project where the client asked me to give functionality to hide columns but not the regular ones in the react table example. So basically I created…

Today, I’ll show you how to load local file fonts into your react js application. Sometimes when designing a template, we need to load fonts to match the design, but not every font is available in Google Fonts and can be easily imported. As a result, we must occasionally load…

Today’s article will demonstrate how to develop a login form in react js using formik. Formik is one of the greatest react js packages available for quickly creating forms. Without a hitch, Formik and Yup construct a form with validation. I use formik to generate all of my forms since…

I was working on a project today when I realized I needed the pathname for className to add some extra styling only to that specific page, so I created a custom hook to get the pathname while removing all special characters from the path and also getting the sub child…

Let’s begin with a tutorial on how to utilize the color picker in React applications. When you want to modify the style of a certain component or create a theme with a color scheme that can be modified with our selected color, you may utilize the color picker. In one…