Frontend Web Fundamentals
High-level architectural patterns for modern frontend applications. From micro-frontends to state machine orchestration at scale.
0/41
Solved/
Status
Name
Difficulty
Companies
Critical Rendering Path
MediumCritical Rendering Path
Medium
Script Loading: async vs defer
EasyScript Loading: async vs defer
Easy
Event Loop: Understanding JavaScript Execution Model
MediumEvent Loop: Understanding JavaScript Execution Model
Medium
JavaScript Module Systems: CJS vs ESM vs UMD
MediumJavaScript Module Systems: CJS vs ESM vs UMD
Medium
Dynamic Module Loading: import() Function
MediumDynamic Module Loading: import() Function
Medium
Import on Interaction: Load When User Interacts
MediumImport on Interaction: Load When User Interacts
Medium
Import on Visibility: Lazy Loading with IntersectionObserver
MediumImport on Visibility: Lazy Loading with IntersectionObserver
Medium
Browser Rendering Pipeline & Layout Thrashing
MediumBrowser Rendering Pipeline & Layout Thrashing
Medium
Rendering Strategies: CSR vs SSR vs SSG vs ISR
MediumRendering Strategies: CSR vs SSR vs SSG vs ISR
Medium
Streaming SSR: Progressive HTML Streaming
MediumStreaming SSR: Progressive HTML Streaming
Medium
Islands Architecture: Independent Component Hydration
MediumIslands Architecture: Independent Component Hydration
Medium
React Server Components: Zero-JS Server Rendering
MediumReact Server Components: Zero-JS Server Rendering
Medium
Framework Reactivity: React, Vue, Svelte & Solid
MediumFramework Reactivity: React, Vue, Svelte & Solid
Medium
HTTP/1.1 vs HTTP/2 vs HTTP/3 (QUIC) for Frontend Performance
MediumHTTP/1.1 vs HTTP/2 vs HTTP/3 (QUIC) for Frontend Performance
Medium
DNS Resolution: Path, TTL, Caching & Frontend Impact
MediumDNS Resolution: Path, TTL, Caching & Frontend Impact
Medium