Architecture
Rendering Strategies (SSR, CSR, SSG, ISR) — Interview Guide
Master the four core rendering strategies — CSR, SSR, SSG, ISR — and Streaming SSR.
Microfrontends & Module Federation — Interview Guide
Learn when and why to split a frontend into microfrontends, how Webpack Module Federation works, how Single-SPA compares, and how to design a microfrontend architecture that actually scales — all the questions interviewers ask seniors about frontend composition.
State Management Architecture — Interview Guide
Master server state vs client state, when to use React Query / SWR vs Redux / Zustand, global vs local state patterns, and how to design scalable state architecture for complex applications — the complete system design answer for state management.
Build Systems
Performance
Bundle Optimization (Tree Shaking, Code Splitting) — Interview Guide
Deep-dive into tree shaking, code splitting, dynamic imports, chunk strategy, and module analysis.
Caching Strategies — Interview Guide
Master HTTP caching headers, CDN strategy, service worker caching, stale-while-revalidate, browser storage, and API response caching.
Network Optimization (Prefetch, Preload, HTTP/2) — Interview Guide
Master resource hints (preload, prefetch, preconnect), HTTP/2 multiplexing, image optimization (WebP, lazy loading, srcset), connection management, and network performance patterns.
Core Web Vitals & Performance — Interview Guide
Master LCP, INP, CLS, and TTFB — what they measure, what causes them to be poor, and exactly how to fix each one.