Milind Mishra

My Blog

Master CSS Flexbox in 6 steps!

Responsive layouts made easy! Step-by-step tutorial to create beautiful designs quickly, with live codepen examples. 1. Flexbox Basics 💡 Tip:Want to try these live? Edit “CodePen Section” below each code block to play along and see your changes in ...

21 hours ago

flex css

flexbox

TanStack Query + Rick and Morty Adventure

If you've ever struggled with managing server state in React applications, the TanStack Query library (formerly known as React Query) is here to save the day. It revolutionizes data fetching, caching, query invalidation, and so much more. And to make...

7 days ago

tanstack-query

Getting ready with Framer Motion for React

Lets dive into the world of animation in React using Motion for React (previously Framer Motion). Here are the practical insights, code snippets, and a few lessons learned along the way. If you want your UIs to truly come alive, use framer motion to ...

15 days ago

animations-on-the-web

framer-motion

How I Patched a NPM Library and Used It in Production

The Problem: A PR That Wasn't Merged In our project, we were using react-arborist for managing a tree view component. However, we needed a feature that wasn’t available in the official package. After searching, I found an open pull request (PR) that ...

The Evolution of React Ecosystem: A Developer’s Journey

When I first started with React, the landscape was vastly different from what we have today. React was already a game-changer, but the tools and best practices were constantly evolving. Over the years, I’ve seen major shifts—from Create React App (CR...

5 months ago

react-ecosystem

React

Managing Two Git Profiles on the Same Machine

Working with two Git profiles on the same machine might sound straightforward, but it can quickly turn into a frustrating experience. I faced this challenge when trying to maintain separate mac os profiles for personal and work projects. Here’s why m...

5 months ago

Git

ssh-keys

Types of Software Engineers

In today's fast-paced technological world, software engineering has become a critical part of nearly every industry. Software engineers are responsible for designing, developing, and maintaining software programs and applications that help businesses...

2 years ago

Software Engineering

software engineer

types of software engineer

Enhance Your Production Workflow with PM2 Process Manager Automation

As web developers, we often find ourselves dealing with complex web applications that require continuous monitoring and management of server processes. One such popular process manager in the Node.js ecosystem is pm2. In this article, we will explore...

Abstract Equality and Special Types!

To better understand equality and its use cases let's see the available types in Javascript. JavaScript has several special types that are used to represent specific types of data. Various Types available in JavaScript Undefined: A variable that has...

2 years ago

JavaScript

special types

Abstract Equality & Strict Equality

[object Object]

To handle this kind of error let's step back and understand the ToPrimitive Abstract Operation. The ToPrimitive abstract operation is a fundamental concept in the ECMAScript language specification, which is the standard for modern JavaScript. It is u...

2 years ago

JavaScript

javascript type coercion

Wait, so you're saying JavaScript isn't weird!

Type coercion is the process of converting one data type to another. In JavaScript, type coercion is a common feature that allows the interpreter to implicitly convert values from one type to another when necessary. This can sometimes lead to unexpec...

2 years ago

JavaScript

javascript type coercion

#DevRetro2022

React Router v6 Basics & Migration guide from v5

React Router is a popular library for handling routing in React applications. It allows you to easily specify the relationship between different parts of your application and provides a way for users to navigate between them. If you are using an olde...

useContext & useReducer 🪝from component level state to global state!

The useContext hook is a way for a React component to access the context, or shared state, of a parent component. It is a convenient way to pass data down the component tree without having to use props at every level. Here's an example of how to use ...

useState & useEffect 🪝 from counter to data fetching!

Introduction to useState and useEffect in React useState and useEffect are two of the most commonly used Hooks in React. They allow you to add state and side effects to functional components, which were previously only possible with class-based compo...

🛍 (Amazon.in) Price Tracker using Puppeteer

JavaScript quick-start project for amazon.in price tracking. 🛠 Tools required to develop the price-tracker NodeJs Puppeteer SendGrid/Mail CronJob 🤝 Requirements In order to utilise this project you need to have the following installed locally: n...

Higher Order Functions - (II) & Beyond ⚡️

Lets start with a quick revision of map() and filter() and some exercises 🔥 map() iterates over each element of the array and returns a new array with the results of the callback function filter() returns true false for each element of the array an...

3 years ago

JavaScript

Js Concepts 💊

Undefined and Null in JavaScript console.log(a); // but it is undefined, since it is not valued yet var a = 2; // gets memory location var x; console.log(x); // undefined function test() { // returns nothing } console.log(test()); // undefined ...

3 years ago

JavaScript

Node.js

👑 Higher Order Functions (Part 1)

A higher order function is a function that takes a function as an argument or returns a function as a result. Like map, filter, reduce. Few other functions : find, findIndex, forEach, some and every. Arrow functions are also higher-order functions. ...

3 years ago

JavaScript

Getting Started 🔥

Note : JavaScript is a Synchronous Single Threaded Language Execution Context in Js Execution context is the environment in which the JavaScript code is executed. It is the place where all the variables and functions are defined. Global Execution ...

3 years ago

JavaScript

interview