Field note / patterns

publishedupdated 2026-05-04#interview#prep-plan#principal#frontend#react

14-Day Prep Plan

A practical 14-day interview prep plan for senior-to-principal frontend-leaning roles, built around runtime depth, React internals, system design, and behavioral stories.

TL;DR

  • This plan is meant to create rhythm, not overwhelm.
  • The structure alternates between runtime depth, React depth, architecture/system design, and behavioral preparation.
  • Every day should include reading, active recall, and at least one spoken answer out loud.
  • If a topic still feels slow after the 14 days, that becomes the focus for the next week.

Context

The original prep-plan resource was already solid. The main thing missing was a clean place inside the site where it connected to the deeper knowledge pages and the coding practice content.

The Approach

Week 1 — JavaScript depth and async fluency

Day 1

Day 2

Day 3

Day 4

  • review Browser APIs & Observers
  • build one small observer-based example
  • explain when you would use IntersectionObserver vs MutationObserver

Day 5

Day 6

Day 7

  • review weak spots from the week
  • do one timed coding question and one short spoken mock answer

Week 2 — React, system design, and principal storytelling

Day 8

Day 9

Day 10

Day 11

Day 12

Day 13

  • write or rehearse 3–6 STAR stories from real projects you can discuss safely
  • focus on scope, conflict, decision-making, and measurable outcome

Day 14

  • run a mini mock loop:
    • one coding problem
    • one system design prompt
    • one behavioral story

Trade-offs

  • A 14-day plan creates momentum, but it cannot replace repeated mock interviews.
  • Broad review can build confidence, but targeted repetition is still the fastest way to fix weak spots.
  • Time-boxing helps consistency, but some principal-level topics need deeper follow-up beyond the two-week pass.

References