Speed up your Webpack builds by leveraging esbuild, a tool written in Go that promises faster build times even for large codebases

Cut down your Webpack build times by half with esbuild-loader

Enable your users to log into Firebase even with unsupported providers like Discord with this handy feature

Firebase authentication with a third-party 0Auth provider

Type in Hindi by using a standard English keyboard. A brief explanation of the project along with usage and Github links

Hinglish to Hindi Typing - React Transliterate Component

An article explaining how Reacts latest Fiber architecture works and speeds up your website

React Internals (Part 3) - Fiber Architecture

Understand what is reconcilliation and the reconcilliation algorithm used by React up until React 15

React Internals (Part 2) - Reconciliation algorithm until React 15

Building User-Centric SLOs from the UI Outwards

Measuring What Matters

Learn how to use ETags and content hash to cache your build output and ensure that your web apps load Blazingly Fast™️.

Effectively Leveraging Browser Cache with Some Bundler Help

Thoughts on why not to estimate time for software tasks

On Time Estimation of Software Tasks

A few thoughts on when NOT to do module federation

To Federate Or Not To Federate

Managing state in a micro-frontend can be tricky. In this article, we will explore two libraries that effectively solve this problem.

Module Federation in Production: State Management Strategies and Best Practices

How to build a great developer experience and deploy micro-frontends independently using a shell based architecture with Module Federation

Module Federation in Production: architecture, development workflow, and deployments

Journey from a monolith to a module federated architecture at RazorpayX

Monolith to Module Federation at RazorpayX

Document decisions and assumptions made while building systems. Future engineers will thank you for it.

A culture of writing

Talking about decision making with respect to technical decisions with long term implications

Hitting the tech local maxima

Use what works for you. Enterprise-level difficulties are distinct, and you are unlikely to encounter the same problems

Mimetic tech stacks

The art of implementing and driving technical change. So you've figured out the solution, but how to drive it?

Driving technical change

Why is module federation so hyped? Exploring module federation for the purpose of building micro frontends

Why is there hype around Module Federation

80/20 thinking is a way to achieve more from less. Strive for excellence in a few things rather than being good-enough at many. Stop worrying about the 80% that does not yield you any result. Instead focus on the 20% that do.

The vital few and the trivial many

I talk about the epidemic of over engineering everything. When developing software products, this creates more complexity than necessary

Don't over-engineer it

My journey on how I cured myself of social media addiction

How not to let social media and your phone destroy your life

At RazorpayX, we have a scheduled RCA meet every Thursday. We practice blameless postmortems and analyse the issues in-depth. This article outlines some things that I have learnt on how to make RCA meetings productive

Get the most out of your Root Cause Analysis meetings

7 lessons from a fresher after 3 months at Razorpay

Create a React library and bundle it with the new Parcel v2. Parts of Parcel are rewritten in Rust and that means it is now faster than ever

Bundle a React library with Parcel

First article in a guide on how to build your own styled-components clone. Understand why it is necessary and how to start working on your own library

Understand how styled-components works by creating a clone

The const keyword creates a read-only reference to a value. It does not mean that the value itself is immutable. It is just that the variable identifier cannot be reassigned

The const keyword does not create immutable variables

An explainer of basic terminology used in React internally and a prerequisite to understanding more advanced React concepts

React Internals (Part 1) - The Basic Concepts and the Prerequisites

Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications

Reasons why I love using Chakra UI for React

Should everyone learn to code?

miny is a decluttered launcher for Android. It is aimed at reducing the craving to constantly check phone every few minutes

miny - an open source decluttered launcher for your Android device

I began coding at the age of 15 and the first app I made was a directory of my friends containing their phone numbers, addresses, a photo, and a quote, much like a yearbook.

What got me into development?

A guide on how to use Ant Design in NextJS with custom variables

Using Ant Design with NextJS (custom variables for Ant Design)

There is an exploitable feature in WhatsApp and other similar chatting apps that allow you to spam other users by sending thousands of messages at the click of a button

How my spammer for WhatsApp works

Replace Redux with React Context and provide an API similar to Redux throughout your app

React Context API + useReducer() = Redux

A quick tutorial / copy pastable code on how to add fonts when using React Native Expo

Custom fonts in React Native (Expo)

I created this boilerplate after working on electron for one of my own apps

All Posts

Cut down your Webpack build times by half with esbuild-loader

Firebase authentication with a third-party 0Auth provider

Hinglish to Hindi Typing - React Transliterate Component

React Internals (Part 3) - Fiber Architecture

React Internals (Part 2) - Reconciliation algorithm until React 15