Writing

I Converted a Production Angular App to a Micro-Frontend Shell — Here's Every Wall I Hit

Converting a live Angular 20 dashboard into a Native Federation shell. The ticket read as thirteen subtasks; it turned into twelve failures that are not documented anywhere, and the commands that got past each one.

Design Patterns Won't Save You If You Don't Know When to Use Them (Part 2 of 2)

The behavioural half: how objects talk to each other. Includes the Observer leak from part one, plus the Express middleware pipeline and the Redux action model, which are patterns most of us use daily without naming them.

Design Patterns Won't Save You If You Don't Know When to Use Them (Part 1 of 2)

Opens with a fintech notification system dropping messages under load, because fourteen modules had each reimplemented event subscription with its own cleanup. The four-hour fix was not the real fix.

How to Build a Claude Workflow That Actually Works for Your Team

Claude starts every session cold, so without a system a codebase drifts away from itself and two developers asking the same question get different answers. What to put in place instead.

System Design in Action: Building a Production-Ready News Feed

I could draw the architecture on a whiteboard and still not connect the boxes to code, so I built the feed instead: rapid likes, a dropped connection in a tunnel, and no loading spinner.

The Real-World Monorepo Guide: What They Don't Tell You

Four hours failing to configure Nx, then fifteen minutes to get Turborepo running. What worked and what failed across three production monorepos, rather than how Google does it.

8 Essential Axios Features for Production-Ready Apps

Eight Axios features most projects never switch on: token refresh that happens on its own, retries that do not pile onto an already struggling server, and cancellation that kills race conditions.

TanStack Query: The Data Fetching Solution You've Been Looking For

The fetching code every React developer has written a hundred times, and what happens to it once the requirements arrive: refetch on focus, caching, reconnect handling, and several components wanting the same data.

From Pixels to Patterns: A Hands-On Guide to Design Systems

A design system is not a style guide and not a component library. What actually goes into one, and how to build it whether you are on your own or on a growing team.

How I Successfully Migrated My Production App from Nuxt 3 to Nuxt 4

A production app with authentication and multi-tenancy moved from Nuxt 3 to Nuxt 4 in a week, without downtime. Every issue I hit, and what fixed it.

Decoding SOLID Principles: Practical Insights with Real-World Scenarios

Building Awesome PWAs Using Six Leading Frontend Frameworks