The parts nobody explains.
AI integration, frontend architecture, and the dev tooling decisions that actually matter at scale — with code, war stories, and no filler.
Start Here
Reader picks worth starting with
What is MCP? The Protocol That Finally Connects AI to the Real World
MCP (Model Context Protocol) is the USB-C of AI tooling — a universal standard that lets any AI model talk to any data source or tool without custom glue code per integration. If you've ever wondered how Claude 'knows' what's in your files or can run a terminal command, this is the protocol doing that work.
Building Your First MCP Server: Tools, Resources, and the Right Mental Model
Building an MCP server is simpler than it looks — a few tool definitions, a request handler, and a stdio transport. The hard part is designing tools the model will actually use correctly. This guide builds a real server from scratch and covers every design decision that separates a good server from a frustrating one.
The Mental Model That Finally Made Angular Signals Click
If Angular Signals still feel 'almost right but oddly off', this graph-first mental model explains why Hooks analogies fail and how dependency tracking actually works.
Articles
Deep dives and practical guides
The Service That Ate Your Architecture
A practical breakdown of how over-injected Angular services silently centralize ownership, increase coupling, and make codebases harder to evolve.
Stop Thinking Smart vs Dumb. Start Thinking Ownership.
Replace the outdated smart/dumb split with an ownership model that scales better across component boundaries, state flow, and team collaboration.
I Used AI for Angular Architecture Reviews for 3 Months. Here's What Changed.
Real-world lessons from using AI as an architectural reviewer: what improved, where AI was weak, and how to structure prompts for useful feedback.
We Migrated to Standalone Components. Here's What the Migration Guide Doesn't Cover.
Beyond the official checklist: migration pitfalls, hidden dependency patterns, and workflow adjustments that matter in real standalone Angular codebases.
Three Problems That Appear in Almost Every Angular Codebase
Three recurring Angular architecture problems, why they happen across teams, and the structural fixes that prevent them from compounding over time.
RAG Architecture Deep Dive: Building Context-Aware AI Applications
Chunking strategies, hybrid search, reranking, HyDE query transformation, and the RAGAS evaluation framework — the complete RAG engineering guide.
React Server Components: A Deep Dive
How RSC fundamentally changes the rendering model and what it means for frontend architecture at scale.
Micro-Frontends at Scale: Lessons from the Trenches
Building distributed frontend systems that actually work — orchestration, shared state, and the pitfalls nobody talks about.
Event-Driven Patterns in Frontend Systems
Applying event-driven architecture on the client side — event buses, sagas, and building truly reactive UIs without the overhead.
Learning Roadmap
Navigate from beginner to advanced
AI & LLMs
From AI concepts to production agents
Frontend Engineering
Modern web architecture patterns
Dev Tools & Workflow
Maximize engineering velocity
Newsletter
Stay in the loop
New writing on frontend engineering, system architecture & AI — delivered straight to your inbox. No spam, unsubscribe anytime.