Yogesh Chavan

@myogeshchavan97

2397 Points 16 Followers

57 Posts

0 Answers

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

Yogesh Chavan · 1 year ago

How to Test a WebSocket based Application Using the API Tester Mobile App

In this article, we'll see how we can use API Tester application to test WebSocket based APIs easily and why it's my goto application for mobile app testing. So let's get started. What is AP...

Yogesh Chavan · 1 year ago

How to Deploy Your Node.js Application for Free with Render

For years, Heroku has been an excellent platform to host your Full Stack applications. But that may change, as Heroku is bringing its generous free tier to an end. You may have received emai...
2

Yogesh Chavan · 2 years ago

Improve Your Coding Skills & Productivity

Inspiration If you're following me on LinkedIn, then you might already know that I regularly share useful tips, tricks & articles to help others. Many developers found the content useful...
1

Yogesh Chavan · 2 years ago

Surprising behavior of for...in loop

In this article, we will see how to use for...in loops to avoid unpredictable bugs. So let's get started! Take a look at the below code: const user = { name: 'David', age: 30 }; for (key in...
4

Yogesh Chavan · 2 years ago

Automatically Format Code in Visual Studio Code Using Prettier

Whenever we're working on any project, It's important to have a default formatter set up for your Code Editor. This will improve your productivity by not wasting time in formatting the code...
4

Yogesh Chavan · 2 years ago

How to Generate Mock Data Within Seconds Using Node.js

In most of the applications, you need to have some static JSON data with which you can create and test the application without directly using the production data. If you’re building an e-com...
4

Yogesh Chavan · 2 years ago

React Hooks Cheatsheet

React hooks are great additions to React which has completely changed how we write code. Hooks were introduced in React starting with version 16.8.0. Before React hooks, there was no way of...
5

Yogesh Chavan · 2 years ago

Modern JavaScript – Imports, Exports, Let, Const, and Promises in ES6+

Over the past few years, there have been many updates to the JavaScript language. And these updates are very useful if you want to improve your coding. ​Keeping abreast of the newest develop...
4

Yogesh Chavan · 2 years ago

Importance of JavaScript Exec Method In JavaScript

Regular expressions are great for finding patterns in a string for a particular match. They help us to convert complex logic into short and easy-to-understand code. Today we will see one suc...
5

Yogesh Chavan · 2 years ago

How to Easily Add Google Map to Your Webpage

On most of the company websites, you will find locations or contacts page that displays that company location in that country or state in a google map along with the company address. This is...
6

Yogesh Chavan · 2 years ago

Speed Up Your Coding Using Emmet - A Really Powerful Tool

In this article, we will explore all about Emmet. A very popular and highly useful tool that is built into almost every IDE out there like Visual Studio Code, Sublime Text etc. If you're us...
5

Yogesh Chavan · 2 years ago

Best Way to Format And Manipulate Numbers In JavaScript

Today we will see a very popular and easy-to-use library that allows us to convert and manipulate numbers. Many times we need to display numbers like 1400 to 1.4k, 1000000 to 1M which may be...
4

Yogesh Chavan · 2 years ago

How To Easily Understand Any Regular Expression In The World

Today we will see how can we easily understand any JavaScript regular expression or write your own regular expression easily. To do this, navigate to this website. The UI looks like this: C...
4

Yogesh Chavan · 2 years ago

Most Useful VS Code Shortcuts To Improve Your Productivity

Visual Studio Code is the most widely used and most loved code editor for application development. So in this article, we will see some of the widely used shortcuts which make developers' li...
6

Yogesh Chavan · 2 years ago

How CSS Specificity Works? A Really Important CSS Topic

CSS stands for Cascading Style Sheet. This means that the styles flow through the entire application and are applied to elements with the matching identifiers. Since CSS is a global styling...
6

Yogesh Chavan · 2 years ago

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'...
4

Yogesh Chavan · 2 years ago

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 S...
7

Yogesh Chavan · 2 years ago

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 scratc...
7

Yogesh Chavan · 2 years ago

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...
3

Yogesh Chavan · 2 years ago

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 applicatio...
5

Yogesh Chavan · 2 years ago

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 w...
2

Yogesh Chavan · 2 years ago

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...
8

Yogesh Chavan · 2 years ago

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...
8

Yogesh Chavan · 2 years ago

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 las...
5

Yogesh Chavan · 2 years ago

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...
3

Yogesh Chavan · 2 years ago

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 cr...
4

Yogesh Chavan · 2 years ago

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 v...
7

Yogesh Chavan · 2 years ago

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 t...
4

Yogesh Chavan · 2 years ago

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 t...
4

Yogesh Chavan · 2 years ago

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 proces...
5

Loading More Content