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
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.
The Frontend Engineer's Honest Guide to Gen AI
From skeptic to daily user — an honest take on how Gen AI actually shows up in frontend work without the hype. What LLMs really are, what they're good at, and what frontend devs still need to own.
Design Component APIs Before You Write the Implementation
A practical API-first workflow for Angular components that reduces churn, improves reusability, and keeps implementation aligned with real usage.
Angular Performance Patterns for 2026
Zoneless change detection, signal inputs/outputs, httpResource, incremental hydration, and @let — the complete Angular 19-21 performance playbook.
Claude Code: Using AI to Build and Manage Your Design Token System
Design tokens are tedious to name, hard to keep consistent, and painful to scale across themes. Here's how to use Claude to generate a full two-tier token system, map dark mode, audit naming drift, and convert between formats — with practical prompts you can use today.
Vibe Coding: AI-First Development Is Reshaping Frontend Engineering
You describe a feature in plain English and get working JSX, typed services, and passing tests. Vibe coding is not a gimmick — here's the workflow, the tools, and what frontend devs must still own.
Streaming UX: Building Real-Time AI Interfaces That Feel Alive
A spinner for 8 seconds is a dead UI. The same wait with tokens streaming in feels fast. SSE, Angular signals, the cursor pattern, and every UX detail that separates polished AI products from janky ones.
On-Device AI: Running LLMs Directly in the Browser
Zero API cost, offline-capable, and data never leaves the device. WebLLM, WebGPU, Chrome's built-in AI APIs, and the hybrid architecture pattern for production apps.
React Server Components: A Deep Dive
How RSC fundamentally changes the rendering model and what it means for frontend architecture at scale.
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.