Yogesh Chavan

Subscribe to my newsletter and never miss my upcoming articles

How to Create A Full Stack Multi-Step Registration App with nice animations using the MERN Stack

Pinned article
Mar 11, 202148 min read

In this article, we will build an amazing Multi Step Registration form with smooth animated transitions using MERN(MongoDB, Express, React, Node.js) stack. By building this App, you will learn a lot of concepts in react including: How to manage data...

How to Merge Deeply Nested Objects in JavaScript

May 26, 20213 min read

When working in JavaScript sometimes we get a requirement where we need to merge two objects that may be deeply nested. In this article, we will see how to handle that correctly. Want to learn Redux in detail and build a complete food ordering app? ...

Refactoring Class Components to React Hooks Step By Step

May 25, 20217 min read

In this article, we will explore why refactoring from class components to React Hooks is not straightforward in certain scenarios and how to convert it efficiently. If you’re new to React Hooks, check out my previous article here for the introduction...

Super Useful Tips & Tricks for JavaScript Developers

May 23, 20217 min read

Quick way to mask numbers using slice and ES8 padStart method const creditCard = "4111111111114321"; // 16 digit credit card number const lastFourDigits = creditCard.slice(-4); // get last 4 digits // prepend * to lastFourDigits to make length equal...

How to Build a Clone of GitHub's File Search Functionality

May 22, 202113 min read

In this article, we will build a project that mimics the lesser-known but awesome file search functionality provided by GitHub. To see how it works, go to any GitHub repository and press the letter t on your keyboard which will land you in search vie...

Flexbox Cheatsheet

May 20, 20219 min read

Flexbox is amazing. It has changed how we write the CSS and it provides built-in support for responsiveness. So all the responsiveness of your website is handled by flexbox making it easier to create websites. Flexbox is used for building one-dimens...