Interview Prep Index

TL;DR

• I use interview prep like a system, not like random note review.
• The most valuable tracks for my background are JavaScript runtime depth, React internals, frontend system design, API trade-offs, and principal-level architecture reasoning.
• This page is the index that ties the deeper knowledge pages together into one repeatable study flow.
• For senior-to-principal interviews, consistency of explanation matters almost as much as raw technical depth.

Context

The resource folder had a strong prep set, but most of the value was buried across separate markdown files. I wanted the website to expose that same structure in a way that connects directly to the knowledge pages already in the app.

The Approach

I think about interview readiness in four tracks:

1. Runtime and language depth

• JavaScript Closures & Scope
• Async JavaScript: Promises, async/await, Generators
• JavaScript Event Loop & Runtime Model
• Browser APIs & Observers

2. React and rendering depth

• React Rendering Model
• React Hooks & Effects
• React Performance Patterns
• Testing React Components

3. System design and architecture depth

• Frontend System Design
• Frontend Patterns
• API Patterns
• Microservices Patterns
• Monorepo Architecture
• Micro-Frontend Architecture
• Module Federation at Scale

4. Interview execution

• Interview Q&A Bank
• 14-Day Prep Plan
• Principal Interview Prep

Trade-offs

• A prep index creates structure, but it can still become passive reading if I do not pair it with out-loud explanation and coding practice.
• Broad review feels productive, but focused repetition on weak areas usually moves interview performance faster.
• Principal-level prep especially needs trade-off fluency, not memorized wording.

References

• Related: Interview Q&A Bank
• Related: 14-Day Prep Plan
• Related: Principal Interview Prep