Measuring What Matters
Building User-Centric SLOs from the UI Outwards
Burhanuddin Udaipurwala
Burhanuddin Udaipurwala's blog where he writes occasionally
Latest posts
Effectively Leveraging Browser Cache with Some Bundler Help
Learn how to use ETags and content hash to cache your build output and ensure that your web apps load Blazingly Fast™️.
On Time Estimation of Software Tasks
Thoughts on why not to estimate time for software tasks
To Federate Or Not To Federate
A few thoughts on when NOT to do module federation
Module Federation in Production: State Management Strategies and Best Practices
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: architecture, development workflow, and deployments
How to build a great developer experience and deploy micro-frontends independently using a shell based architecture with Module Federation
Monolith to Module Federation at RazorpayX
Journey from a monolith to a module federated architecture at RazorpayX
A culture of writing
Document decisions and assumptions made while building systems. Future engineers will thank you for it.
Hitting the tech local maxima
Talking about decision making with respect to technical decisions with long term implications
Mimetic tech stacks
Use what works for you. Enterprise-level difficulties are distinct, and you are unlikely to encounter the same problems
Driving technical change
The art of implementing and driving technical change. So you've figured out the solution, but how to drive it?
Why is there hype around Module Federation
Why is module federation so hyped? Exploring module federation for the purpose of building micro frontends
The vital few and the trivial many
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.
Don't over-engineer it
I talk about the epidemic of over engineering everything. When developing software products, this creates more complexity than necessary
How not to let social media and your phone destroy your life
My journey on how I cured myself of social media addiction
Get the most out of your Root Cause Analysis meetings
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
7 lessons from a fresher after 3 months at Razorpay
Some advice for starting your career
Bundle a React library with Parcel
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
Understand how styled-components works by creating a clone
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
The const keyword does not create immutable variables
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
Cut down your Webpack build times by half with esbuild-loader
Speed up your Webpack builds by leveraging esbuild, a tool written in Go that promises faster build times even for large codebases
Firebase authentication with a third-party 0Auth provider
Enable your users to log into Firebase even with unsupported providers like Discord with this handy feature
Hinglish to Hindi Typing - React Transliterate Component
Type in Hindi by using a standard English keyboard. A brief explanation of the project along with usage and Github links
React Internals (Part 3) - Fiber Architecture
An article explaining how Reacts latest Fiber architecture works and speeds up your website
React Internals (Part 2) - Reconciliation algorithm until React 15
Understand what is reconcilliation and the reconcilliation algorithm used by React up until React 15
React Internals (Part 1) - The Basic Concepts and the Prerequisites
An explainer of basic terminology used in React internally and a prerequisite to understanding more advanced React concepts
Reasons why I love using Chakra UI for React
Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications
Should everyone learn to code?
Short answer - NO
miny - an open source decluttered launcher for your Android device
miny is a decluttered launcher for Android. It is aimed at reducing the craving to constantly check phone every few minutes
What got me into development?
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.
Using Ant Design with NextJS (custom variables for Ant Design)
A guide on how to use Ant Design in NextJS with custom variables
How my spammer for WhatsApp works
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
React Context API + useReducer() = Redux
Replace Redux with React Context and provide an API similar to Redux throughout your app
Custom fonts in React Native (Expo)
A quick tutorial / copy pastable code on how to add fonts when using React Native Expo
Using React with Electron - For Beginners!
I created this boilerplate after working on electron for one of my own apps