JavaScript
React + TypeScript Forms: Complete Practical Example with Validation
A typed React form is easiest to maintain when one type describes the submitted values, another describes possible field errors, and every input is controlled by that state. The complete example below includes text, email, select, textarea, and checkbox inputs; validates them before submitting; prevents duplicate submissions; and exposes loading, success, and failure states.
React + TypeScript Forms: Complete Practical Example with ValidationRead More
How To Create Custom ScrollBar with CSS and JavaScript
In this article, we are going to create a custom scrollBar. Our Custom ScorllBar will display the gradient color progress on page scroll. We are not going to use any javascript framework like jQuery, etc. Only basic HTML, CSS and Vanilla JavaScript. If you are interested then take a look to the similar but horizontal progress bar in React Js.
How To Create Custom ScrollBar with CSS and JavaScriptRead More
How To Use Async/Await in JavaScript
The async and await is keywords to perform the promise-based asynchronous operation. In this article, we are going to learn how to use async/await in JavaScript.
Introduction of ES6 Map in JavaScript
The Map is the new object type that allows storing collections of key-value pairs. The map is similar to the Object but the main difference is that Map allows keys of any type, even objects or functions. It is easy to get the size of a Map, while it needs more effort to get the size of objects.
Random hex color Generator JavaScript
Short and effective script to generate random hex color. We start with a random number to multiply with white color (Hex Code is 0xFFFFFF ), now we have to convert the randomly generated values into the hexadecimal value to display the color.