Skip to main content

Welcome to DevNotes

DevNotes is my personal knowledge base for Frontend System Design — the concepts, patterns, and trade-offs I come back to when building or reviewing frontend architecture.

What you'll find here​

  • Networking — how the web works, communication protocols
  • Communication — polling, WebSockets, SSE, webhooks
  • Security — XSS, CSRF, CORS, SSRF, CSP, and other hardening topics
  • Testing — unit and integration testing strategies
  • Performance — rendering patterns, network and build optimization, Core Web Vitals
  • Database & Caching — storage APIs, HTTP/API/service-worker caching, state management
  • Logging & Monitoring — telemetry, alerting, observability tooling
  • Accessibility — keyboard support, screen readers, color contrast, focus management
  • Offline Support — service workers, progressive web apps
  • Low Level Design — component design, config-driven UI, shimmer UI, routing

Use the sidebar to jump straight to a topic, or head to the Frontend System Design overview to browse everything in one place.