Asset Optimization with Stencil Shared Components
Staff-level notes for designing Tier 1, Tier 2, and Tier 3 asset optimization in a Stencil-based shared component system.
Staff-level notes for designing Tier 1, Tier 2, and Tier 3 asset optimization in a Stencil-based shared component system.
Staff-level frontend system design guide covering requirements, entities, APIs, streaming, state management, rendering performance, reliability, accessibility, and frontend scale.
A staff-level leadership story about building EngX as a reusable internal platform for authentication, shared components, accessibility, performance, and seamless upgrades.
End-to-end frontend and backend system design for an enterprise Q&A and action-taking copilot that exposes existing internal APIs through MCP.
Staff-level frontend system design guide for diagnosing and fixing poor LCP, INP, and memory usage on a -style web app.
A staff-level frontend system design interview guide for building scalable light/dark mode architecture with persisted user preferences, design tokens, accessibility, and trade-off analysis.
Staff-level frontend system design guide for a Stripe-like live payment, webhook, and alert monitoring dashboard: transport, ingestion pipeline, backpressure, virtualization, and reconnect strategy.
Staff-level frontend AI engineering guide covering SSE, EventSource, requestAnimationFrame, retries, abort/cancel, reconnect, and image-generation jobs.
Staff-level frontend system design guide for a real-time notification system: requirements, architecture, data model, multi-device consistency, and reconnect/failure handling.
Staff-level interview guide for designing an accessible, responsive, performant, and internationalized calendar date-picker.
Staff-level frontend system design guide for a shared, headless DataGrid / List / Card platform used by many product teams.
Staff-level frontend system design guide for building a rich-text editor (Notion/Google-Docs-style): document model, selection, input handling, formatting, undo/redo, collaboration, and performance.
Staff-level interview guide for designing, building, distributing, and operating a cross-framework component library with Stencil.js, including a comparison with Lit.
High level design system for SPV
High level system design for SPV webhook
Staff-level frontend interview preparation tailored to MLOps observability, reusable EngX components, frontend reliability, performance, accessibility, and cross-functional leadership.
Staff-level frontend system design guide for a reusable tooltip system: CSS-only vs React/portal implementations, positioning/collision logic, accessibility, mobile design, and performance.