Yogesh Chavan

@myogeshchavan97

635 Points

3 Followers

18 Posts

0 Answers

Joined April 27th, 2021

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

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

4 days ago

3
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

1 week 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

1 week 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

2 weeks 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

2 weeks 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 weeks ago

1
Select One:
Super Useful Tips & Tricks for JavaScript Developers

Super Useful Tips & Tricks for JavaScript Developers

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 to creditCard number length const maskedNumber = lastFourDigits.padSt...

Yogesh Chavan

4 weeks ago

3
Select One:
Flexbox Cheatsheet

Flexbox Cheatsheet

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-dimensional layouts. If you have used the Bootstrap framework for making responsive d...

Yogesh Chavan

1 month ago

3
Select One:
Redux for Beginners – Learn Redux with Code Examples

Redux for Beginners – Learn Redux with Code Examples

Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store, pure functions, immutability, and much more. But every React developer should know the basics of how to work with Redux since industry projects often use Redux to man...

Yogesh Chavan

1 month ago

7
Select One:
The Most Useful JavaScript Array Methods Explained with Examples

The Most Useful JavaScript Array Methods Explained with Examples

If you're a JavaScript developer and want to improve your coding, then you should be familiar with the most commonly used ES5 and ES6+ array methods. These methods make coding a lot easier and also make your code look clean and easy to understand. So in this article, we will explore some of the most popular and widely used array...

Yogesh Chavan

1 month ago

2
Select One:
React Tutorial – How to Work with Multiple Checkboxes

React Tutorial – How to Work with Multiple Checkboxes

When working on React project sometimes we need to display multiple checkbox options for the user. But handling multiple checkboxes in React is completely different from how we use the normal HTML checkboxes. So In this article, we'll see how to work with multiple checkboxes in React. You will learn: How to use checkbox as a Co...

Yogesh Chavan

1 month ago

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

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

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 for multiple forms with validation for each field How to retain values of forms...

Yogesh Chavan

1 month ago

1
Select One:
List of Resources to Easily Crack Your Next JavaScript/React Interview

List of Resources to Easily Crack Your Next JavaScript/React Interview

List of 1000 JavaScript Interview Questions A very popular resource for the collection of 1000 JavaScript interview questions along with answers. 37 Essential JavaScript Interview Questions A great list of questions including the frequently asked predict the output type of questions along with the explanation of answers. JavaS...

Yogesh Chavan

1 month ago

1
Select One:
Frequently Asked And A Very Famous JavaScript Interview Question

Frequently Asked And A Very Famous JavaScript Interview Question

Today we will see a frequently asked Javascript interview question. The question goes like this: Implement a product method that will return the product of two numbers when invoked using any of the following two ways product(4, 5) product(4)(5) This is a very famous Javascript interview question because it tests your knowled...

Yogesh Chavan

1 month ago

1
Select One:
Speed Up Your Coding in React By Making These Changes in Visual Studio Code

Speed Up Your Coding in React By Making These Changes in Visual Studio Code

In this article, we will see some of the settings you can do in Visual studio code to improve your productivity a lot when working with React. So let's get started. Enable emmet for React If you are HTML/CSS developer, then you might already be aware of the emmet plugin. It provides autocompletion for HTML and CSS code by reduci...

Yogesh Chavan

1 month ago

3
Select One:
Tricky Javascript Code Snippets Asked In the Interview

Tricky Javascript Code Snippets Asked In the Interview

In this article, we will see some of the most famous interview code snippets that are asked to check your knowledge about Javascript concepts. Let's get started. Predict the output of the below code: const user = { name: 'Raj', location: { city: 'NY', state: 'NY' } }; const copy = Object.assign({}, user); // OR //...

Yogesh Chavan

1 month ago

1
Select One:
How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production

Introduction Do you know that when you deploy your React application which is created using create-react-app or your own webpack configuration to a live website like Netlify, Vercel, Heroku etc your entire source code is visible to everyone from the sources tab of the dev tools. This is not an issue with the create-react-app bu...

Yogesh Chavan

1 month ago

1
Select One:
ES6 Import And Export Cheatsheet

ES6 Import And Export Cheatsheet

Before ES6 came into play, we used multiple script tags in a single HTML file to import different JavaScript files like this: <script type="text/javascript" src="home.js"></script> <script type="text/javascript" src="profile.js"></script> <script type="text/...

Yogesh Chavan

1 month ago

1
Select One:

Loading More Content