JavaScript → React → System Design

A2ZFrontend

Senior frontend prep — language depth, platform craft, and system design in one structured track. No scattered prep. Choose a module below and go deep.

Explore topics

Guide modules in prep order — MDX guides plus Machine Coding on the platform.

#ModuleTopics
01

The floor for every round—closures, event loop, async, utilities, and patterns panels still drill.

Event loop & closuresPolyfills & patterns
26Open guide
02

Types you defend in a staff loop—generics, strict mode, unions, and type-safe API design.

Generics & utility typesConditional & mapped types
15Open guide
03

Hooks, Fiber, render perf, and state trade-offs—beyond todo-app answers.

Reconciliation & hooksZustand vs React Query
15Open guide
04

SSR modes, App Router, streaming, caching—ship React and explain why.

SSR / SSG / ISRServer Actions & cache
10Open guide
05

URL → pixel, V8, networking, Core Web Vitals—senior “what happens when…” rounds.

Rendering pipelineLCP, INP, CLS
12Open guide
06

XSS, CSRF, token storage, OAuth PKCE—gaps that fail otherwise strong candidates.

XSS & CSRFAuth in SPAs
6Open guide
07

Bundlers, ESM, monorepos, feature flags—how top teams ship and scale frontends.

Vite vs WebpackPlatform & observability
13Open guide
08
Machine CodingNavbar · Machine Coding

45-minute UI builds—tabs, virtual lists, autocomplete—clean code under clock pressure in the live editor.

In-browser editorAutomated tests
105Open Machine Coding
09

Core 5 FSD interviews—autocomplete, news feed, e-commerce, real-time chat, collaborative editor.

Real interviewer promptsHLD / LLD walkthroughs
5Open guide

102 guide topics · 105+ machine coding

Every topic page includes

  • The exact interview question from the sheet
  • Structured guide with concept breakdown
  • Panel-ready solution you can defend live
  • Follow-ups interviewers ask next