Blog
Notes, experiments, and thoughts on frontend development and UX.
SOLID Principles in React: Building Better Components
Learn how to apply SOLID principles from object-oriented design to build more maintainable, scalable, and testable React applications.
Micro-Frontends: Architecture Patterns, Trade-offs, and Implementation Strategies
A comprehensive guide to micro-frontend architecture. Learn composition patterns, Module Federation, cross-app communication, and when this architecture makes sense for your team.
State Management Architecture: From Context to External Stores
A comprehensive guide to state management in React. Learn when to use Context, when to reach for external stores like Zustand or Redux, and how to handle server state with TanStack Query.
API Layer Architecture: Managing Data Fetching at Scale
A practical guide to building a robust API layer in frontend applications. Learn about caching strategies, request deduplication, error handling, and patterns that scale.
The JavaScript Event Loop Explained
A clear explanation of how JavaScript handles asynchronous operations using the Event Loop, Call Stack, and Task Queues.
The Critical Rendering Path: How Browsers Render Web Pages
Understanding how browsers render web pages is essential for building fast websites. Learn about the Critical Rendering Path and how to optimize each step.
What Exactly is 'this' in JavaScript?
A deep dive into JavaScript's most confusing keyword. Learn how 'this' behaves in different contexts, the difference between regular and arrow functions, and common pitfalls to avoid.
Mastering the React 'use' Hook
A deep dive into React's new 'use' hook: how to handle Promises, Context, and async resources directly in your render function.
React Rendering and Reconciliation: A Deep Dive into the Fiber Engine
A deep, implementation-minded walkthrough of how React renders, how the Fiber architecture and lanes work, and how the reconciliation algorithm actually updates your UI.
npm, pnpm, and Yarn: A Practical Guide to JavaScript Package Managers
A detailed, practical look at npm, pnpm, and Yarn — what they do, how they differ, and how to choose the right package manager for your next JavaScript or TypeScript project.
The Evolution of JavaScript: From Sidekick to Superhero
From a 10-day hack for Netscape to the engine that powers the modern web, this is the story of how JavaScript went from background glue to the star of the show.
Building Scalable Design Systems
A practical guide to structuring a frontend monorepo, choosing versioning strategies, configuring artifactories, defining a color system, and publishing packages.
From Developer to Tech Lead
How I transitioned from an individual contributor to leading a frontend team while staying hands-on with code.