Milind Mishra

My Blog

Introducing Project Sharing & Collaboration with Merlin AI

https://www.youtube.com/watch?v=dC6BR7lVLpU Merlin AI makes it easy for you and your team to collaborate on projects powered by cutting-edge AI. With a suite of features designed for flexibility, privacy, and seamless sharing, you can build, refine...

6 months ago

merlin-ai

project-sharing

Collaboration

Bringing Life to the Web - React + Motion Animation Patterns

Web animations have become a cornerstone of creating engaging and intuitive user experiences. They breathe life into your interfaces, guide users through interactions, and elevate the overall appeal of your application. In this guide, we’ll explore t...

6 months ago

react-animations

framer-motion

animations-on-the-web

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

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

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

a year 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...

a year 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...

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

3 years ago

JavaScript

special types

Abstract Equality & Strict Equality

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

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

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

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

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

4 years ago

JavaScript

interview