88 advanced frontend concepts, unpacked with diagrams. Inspired by this tweet. Also an excuse to test out wiretext.app.01 Hydration & SSR1Hydration2Partial Hydration3Islands Architecture4Streaming SSR5Selective Hydration6Server Components7Edge Rendering8Speculative Prerendering02 React Internals9Concurrent Rendering10Time Slicing11Reconciliation Algorithm12Fiber Architecture13Virtual DOM Diffing Complexity03 Data Patterns14Structural Sharing15Immutable Data Patterns16Referential Equality17Memoization Pitfalls04 JavaScript Runtime18Stale Closure Problem19Event Loop (Macro vs Microtasks)20Task Starvation21Priority Inversion in Async Code05 Rendering Pipeline22Layout Thrashing23Critical Rendering Path24Render Blocking Resources25Browser Compositing Layers26Paint vs Composite vs Layout27GPU Acceleration in CSS28CSS Containment29Subpixel Rendering06 Build & Bundling30Tree Shaking Internals31Code Splitting Strategies32Dynamic Import Chunking33Module Federation07 Web Platform34Shadow DOM35Custom Elements Lifecycle36Web Components Interoperability08 Concurrency & Workers37Web Workers vs Service Workers38SharedArrayBuffer39Transferable Objects40OffscreenCanvas41WebAssembly Integration09 Observers & DOM42IntersectionObserver Internals43ResizeObserver Loop Limits44MutationObserver Cost45IndexedDB46Detached DOM Nodes10 Caching & Network47Service Worker Lifecycle Traps48Cache Invalidation Strategies49Stale-While-Revalidate50ETag vs Cache-Control51HTTP/3 and QUIC52Priority Hints53Preload vs Prefetch vs Preconnect11 Security54CORS Preflight55SameSite Cookie Modes56CSRF vs XSS Mitigation57Content Security Policy (CSP)58Trusted Types59DOM Clobbering60Prototype Pollution12 Concurrent UI61Race Conditions in UI State62Tearing in Concurrent UI63Scheduler Priorities64Render Waterfalls65Suspense Boundaries66Deterministic Rendering67Idempotent UI Actions13 Architecture68Micro-Frontend Orchestration69Finite State Modeling70Event Sourcing in Frontend71Optimistic UI Rollback Strategy14 Real-time & Streams72Offline Conflict Resolution73CRDT Basics for Collaboration74WebRTC75Backpressure in Streams API76AbortController77Streaming Fetch Response Handling15 Performance78Browser Memory Leak Detection79Garbage Collection Timing80PerformanceObserver API81Long Tasks API82First Input Delay (FID)83Interaction to Next Paint (INP)84Cumulative Layout Shift (CLS)85Largest Contentful Paint (LCP)16 Accessibility86Accessibility Tree87ARIA Live Regions Internals88Pointer Events