Yogesh Chavan

@myogeshchavan97

1795 Points

11 Followers

42 Posts

0 Answers

Joined April 27th, 2021

Technical Writer | Freelancer and Full Stack Developer | JavaScript | React | Node.js.

The Most Important Thing You Don't Know About Promises

The Most Important Thing You Don't Know About Promises

In this article, we will see the most important thing about promises which you might not know but it's important to have knowledge about it to avoid creating bugs in the application. So let's get started. Take a look at the below code: const promise = new Promise((resolve, reject) => { resolve(); }); promise .then(() =&g...

Yogesh Chavan

6 days ago

3
Select One:
Most Useful Features of Chrome Developer Tools That You Must Know

Most Useful Features of Chrome Developer Tools That You Must Know

Chrome developer tools are an essential part of web development. Following are some of the tips and tricks of chrome developer tools to make your life a lot easier during development. Take Screenshot Of The Entire Page Right click anywhere on the page and select inspect option to open the Chrome developer tool Open command menu...

Yogesh Chavan

1 week ago

6
Select One:
Redux Middleware – What it is and How to Build it from Scratch

Redux Middleware – What it is and How to Build it from Scratch

In this article, we will explore what is a middleware in Redux, why it's used, and how you can create your own middleware from scratch. So let's get started. Want to learn Redux from scratch and build a full-stack food ordering app with stripe payment integration? Check out my Mastering Redux course. What Is Redux Middleware?...

Yogesh Chavan

1 week ago

6
Select One:
When It's Not Good to Use React State

When It's Not Good to Use React State

In React, whenever we are working with any data, we always use the state for storing that data which may be a string, number or any complex object. This is fine if you are using that state while rendering the component or If you want to do something when the state value changes but If you are using that state just for storing d...

Yogesh Chavan

1 week ago

3
Select One:
How to Add Type Checking in React

How to Add Type Checking in React

React is a Javascript library and Javascript is a loosely typed language so by default it does not provide any type checking because of which it's very easy to create bugs in your application when we pass the wrong type of data and it will easily crash your application. There are various static type checkers used in larger appli...

Yogesh Chavan

2 weeks ago

4
Select One:
An Introduction to CSS Modules in React

An Introduction to CSS Modules in React

When it comes to React, the following are some of the ways of styling in React. Inline CSS Normal CSS CSS In JS libraries like styled-components CSS Modules SASS/SCSS In this article, we will explore how to use CSS Modules. What is a CSS module? CSS module is a CSS file in which all class names and animation names are scoped...

Yogesh Chavan

2 weeks ago

2
Select One:
How To Create A React App From Scratch Using Webpack 5 + Babel

How To Create A React App From Scratch Using Webpack 5 + Babel

The easiest way of creating a react application is using a create-react-app tool. This is good to use when you have just started learning React but it hides a lot of details regarding: What happens under the hood What configuration is needed to work with the latest features How does the conversion from ES6 to ES5 happen Also,...

Yogesh Chavan

3 weeks ago

7
Select One:
How to Configure ESLint For Your Project From Scratch

How to Configure ESLint For Your Project From Scratch

ESLint is a linter that helps to improve the code quality and fix bugs beforehand to avoid them from coming at runtime. It also helps to avoid hard to debug issues in the future. Knowing how to use ESLint is very important as most companies are actively using it. There are also other linters available like jslint, jshint but ESL...

Yogesh Chavan

3 weeks ago

7
Select One:
The Most Surprising Behavior of JavaScript Regular Expression

The Most Surprising Behavior of JavaScript Regular Expression

JavaScript regular expression objects are stateful when they have the /g or /y flag in the pattern to match. When we create a regular expression that has the /g flag, it maintains the lastIndex property which keeps track of the index where to start finding for the next match. So next time when we start testing using the same...

Yogesh Chavan

1 month ago

5
Select One:
Why You Should Use async And defer Attributes In a Script Tag

Why You Should Use async And defer Attributes In a Script Tag

Do you know the importance of defer and async attributes in the script tag? This is one of the most popular interview question asked in JavaScript interviews. When we load any webpage in the browser, the browser generates a DOM(Document Object Model) by parsing the document. When there is no attribute(defer or async) to the scri...

Yogesh Chavan

1 month ago

3
Select One:
How to Write Better React Components

How to Write Better React Components

JavaScript added many useful features starting with ES6 and nd these changes help developers write code that is short and easy to understand and maintain. When you use create-react-app to create a React App, you already have support for these changes. This is because it uses Babel.js to convert the ES6+ code to ES5 code which al...

Yogesh Chavan

1 month ago

4
Select One:
Open any Github Repo in VS Code

Open any Github Repo in VS Code

Introduction GitHub has added built-in support to open your repository in Visual Studio Code easily. Previously, we either need to use octotree extension to browse files or use github1s to view in Visual Studio Code. But github1s was opening just a read-only editor where you can't make any modifications to files. Now, with GitHu...

Yogesh Chavan

1 month ago

7
Select One:
How Prototypal Inheritance Works In JavaScript

How Prototypal Inheritance Works In JavaScript

Before starting with prototypal inheritance let’s first understand what a prototype is. All the objects in JavaScript like Array, Boolean, Date etc all inherit properties and methods from their prototype. Object is the at top of the Prototype chain means all the other objects inherit their properties and methods from Object.pr...

Yogesh Chavan

1 month ago

4
Select One:
How to Pass Additional Data For a Route In React Routing

How to Pass Additional Data For a Route In React Routing

In this article, we will see how we can pass extra data while redirecting to a different route in React that uses react-router-dom library. So let’s get started. Using Link Normally we use the Link component from react-router-dom as shown below: <Link to="/register">Register</Link> So when we click on the...

Yogesh Chavan

1 month ago

4
Select One:
How to Easily Fix The Port is Already in Use Error

How to Easily Fix The Port is Already in Use Error

Have you ever struggled with the the port is already in use error while starting any application? A lot of times when we are using multiple applications or forget to stop the previous process, we get the the port is already in use error. Then we try to find the process using that port and then kill it or maybe restart the machin...

Yogesh Chavan

1 month ago

5
Select One:
A Complete Introduction to JavaScript Array filter Method

A Complete Introduction to JavaScript Array filter Method

The Array filter method is one of the most widely used methods in JavaScript. It allows us to quickly filter out elements from the array with certain criteria. So in this article, you will learn everything about the filter method and its various use cases. So let's get started. Take a look at the below code that does not use th...

Yogesh Chavan

1 month ago

4
Select One:
A Very Useful Git Command For Searching Text

A Very Useful Git Command For Searching Text

In this article, we will see a very useful command to search for a particular text inside your project. Many times when working on code, you want to find out where in the repository a particular text is used, either to replace it with other text or for debugging purpose. If you try to use a global search in your favorite IDE lik...

Yogesh Chavan

2 months ago

7
Select One:
Quickly remove node_modules folders from your system to free up disk space

Quickly remove node_modules folders from your system to free up disk space

Whenever, we are working with React, Angular, Nodejs or any other library or framework, a node_modules folder gets generated when we install the dependencies which takes up a lot of space and we don’t bother to remove the node_modules folder once our job is done. So we end up creating many node_modules folders in various projec...

Yogesh Chavan

2 months ago

7
Select One:
Understanding Closures in JavaScript

Understanding Closures in JavaScript

Introduction In this article, we will learn about closures in JavaScript. Every JavaScript developer should be aware of closures as it's the most frequently asked interview question as well as understanding it clearly will help you to avoid creating bugs in your code. So let's get started. What is closure? Before diving into clo...

Yogesh Chavan

2 months ago

6
Select One:
Using Serverless Redis as Database for Netlify Functions

Using Serverless Redis as Database for Netlify Functions

In this tutorial, we'll see how we can use Redis as a database for caching purposes to load the data faster in any type of application. So let's get started. What is Redis Redis is an in-memory data store used as a database for storing data Redis is used for caching purpose. So If your API data is not frequently changing then we...

Yogesh Chavan

2 months ago

5
Select One:
A Curated List of Free APIs For Your Next Project

A Curated List of Free APIs For Your Next Project

Public APIs This GitHub repository contains a ton of free APIs related to various categories like Games, News, Weather, Food & Drink etc. So don't miss this out! Chuck Norris Jokes API This is a free JSON API for hand-curated Chuck Norris facts. Genius API Using this API you can search for song lyrics and their meanings....

Yogesh Chavan

2 months ago

7
Select One:
How I Made $408 on Codementor In One Month

How I Made $408 on Codementor In One Month

I joined the Codementor as a mentor on 20th May 2021. To get accepted as a mentor on Codementor you need to show that you're capable of providing mentorship. For this, after joining Codementor, you need to provide your LinkedIn profile and GitHub profile URL. It takes some days to get accepted as a mentor. Because I regularly po...

Yogesh Chavan

2 months ago

6
Select One:
Easily Update NPM Packages Without the Fear of Breaking the Application

Easily Update NPM Packages Without the Fear of Breaking the Application

In this article, we'll explore how you can easily update npm packages used in your application without worrying about breaking the application functionality. So let's get started. Semantic Versioning Semantic versioning is such an important thing that, every developer needs to understand it whether you are a Node, React or Angul...

Yogesh Chavan

2 months ago

4
Select One:
A Step-by-Step Guide to Create and Publish npm Package

A Step-by-Step Guide to Create and Publish npm Package

Introduction In this tutorial, you will create your own npm package and publish it to the npm repository. By doing this, you will understand: How to create an npm package How to install it locally before publishing to test its functionality How to install and use the published package using ES6 import syntax or using Node.js re...

Yogesh Chavan

3 months ago

8
Select One:
How to Display Formatted Date in JavaScript Without Using Any External Library

How to Display Formatted Date in JavaScript Without Using Any External Library

In most of the applications, we need to display a formatted date like 18 June 2021 or 06/18/2021 along with the time. So we normally use moment.js or date-fns or day.js library to get that done. But using an external library adds a lot of extra code to the final size of the application. For example, the moment.js npm library is...

Yogesh Chavan

3 months ago

5
Select One:
JavaScript Basics: Truthy and Falsy values in JavaScript

JavaScript Basics: Truthy and Falsy values in JavaScript

Do you know that JavaScript has a set of pre-defined falsy values? Truthy and Falsy values are the non-boolean values that are coerced to true or false when performing certain operations. The following are the only eight values that are considered as falsy values in JavaScript. false undefined null "" NaN 0 -0 0n A...

Yogesh Chavan

3 months ago

6
Select One:
List of Handy Regular Expression Examples

List of Handy Regular Expression Examples

In this article, we will see some of the useful regular expressions which you can use in your real-world applications. Email validation ^[^@ ]+@[^@ ]+\.[^@ \.]{2,}$ ^[^@ ]+ => starts with the character which is not @ and space (one or more occurrence of character) @[^@ ]+ => then one single @ symbol and after that no @ sy...

Yogesh Chavan

3 months ago

6
Select One:
Extremely Useful Lodash Methods For JavaScript Developers

Extremely Useful Lodash Methods For JavaScript Developers

According to the State of Javascript 2020 Survey results, Lodash is the second most widely used utility library in the world as it provides a lot of methods that make coding easy and fast. In this article we will see, some of the most useful methods provided by lodash which makes coding easy. So let's get started. Installation...

Yogesh Chavan

3 months ago

5
Select One:
How to use debouncing to Improve the performance of the  search functionality

How to use debouncing to Improve the performance of the search functionality

In this article, we will see a very powerful and must-use technique to improve the performance of search functionality in the application. If we're making an API call to the server for every character typed in the input search box and the data returned by API contains a lot of data, let's say 500 or 1000 user records then it wil...

Yogesh Chavan

3 months ago

5
Select One:
JavaScript Array Sort Method and its Gotchas - Explained with Examples

JavaScript Array Sort Method and its Gotchas - Explained with Examples

In this article, we will see how to properly use the array sort method and learn common gotchas associated with it. So let's get started. The Array sort method sorts an array regardless of its data type - whether it's a numbered array, string array, or complex array of objects. The sort method has the following syntax: array.s...

Yogesh Chavan

3 months ago

1
Select One:

Loading More Content