Frontend + AI internals
Deep technical breakdowns for engineers who want the mechanics, tradeoffs, and weird browser or AI behavior beneath the abstraction.
Technical breakdowns
About the publication
The full essays live here first, with a durable archive and a newsletter for readers who want the next deep dive directly.
Weekly digest
Latest
New posts and selected archive entries from the canonical Under The Hood home.
React
Explain the internal mechanism of React portals, how they affect event propagation and focus management, and debugging tips for common issues with modals, overlays, and tooltips using portals.
React
Explore how React’s memoization hooks work internally, common pitfalls causing stale props or unnecessary renders, and debugging strategies to optimize component memoization.
Accessibility
Custom UI components can look great, but keyboard users often get lost because focus management and keyboard interactions are tricky. I share practical tips, pitfalls, and debugging tricks that helped me make keyboard navigation reliable and accessible.
Browser
Unpack how modern browsers manage memory, garbage collect JavaScript objects, DOM nodes, and event listeners, common memory leak patterns, and practical debugging techniques for frontend engineers.
React
Explore the tricky relationship between React Suspense and Error Boundaries. Understand what happens when errors and Suspense collide, common pitfalls that cause fallback UI to fail, and practical debugging tips from real-world React internals experience.
Browser
Explore how mobile browsers handle pointer, touch, and gesture events, event sequence differences from desktop, common pitfalls in custom gesture recognizers, and practical debugging tips using DevTools.