Performance2 min read
Fonts Without Regret: Fast Loads, No CLS
How fonts hurt LCP/CLS, when to preload, how font-display works, and practical strategies to avoid layout shift with good typography.
#Fonts#Core Web Vitals
Mar 01, 2026Practice
Practice
Frontend interview articles
Search by concept, narrow to a roadmap, or pick a tag to focus on the exact topic you want to rehearse.
Roadmap
Topic
103 articles · page 3 of 12
Performance3 min read
Images for Performance: Sizes, Formats, Priority, and Preload
How to ship fast images: responsive sizes, AVIF/WebP, LCP hero strategy, lazy loading, and when preloading helps (or hurts).
#Images#Core Web Vitals
Mar 01, 2026Practice
Performance3 min read
Performance Debugging Playbook (Chrome DevTools + Real Signals)
A senior-level workflow to diagnose performance issues: find the bottleneck, verify the hypothesis, ship the fix, and prevent regressions.
#Debugging#Interviews
Mar 01, 2026Practice
Performance~18 min
Core Web Vitals: The Mental Model (LCP, INP, CLS)
A high-signal mental model for LCP, INP, and CLS: what they measure, what actually moves the needle, and how to debug them in real apps.
#Core Web Vitals#Interviews
Mar 01, 2026Practice
TypeScript2 min read
Scaling TypeScript: Project References, Composite Builds, and Fast CI
How large TypeScript codebases stay fast: project references, composite builds, incremental compilation, and clean boundaries.
#Tooling#Interviews
Mar 01, 2026Practice
TypeScript2 min read
Type-Level Testing + Public API Design (Library Author Mindset)
How to keep TypeScript APIs stable: test your types, design exports intentionally, and avoid leaking internals that you can’t maintain.
#API Design#Interviews
Mar 01, 2026Practice
TypeScript2 min read
Polymorphic React Components (the 'as' Prop) with Type Safety
How to type a polymorphic component like a design-system author: correct props, correct refs, and zero unsafe casts.
#React#Advanced Types
Mar 01, 2026Practice
TypeScript2 min read
Typed Forms Without Pain (Mapped Types + Generic Helpers)
A production-friendly pattern to type form values, errors, and validators using mapped types—no giant unions, no any.
#Advanced Types#Interviews
Mar 01, 2026Practice
TypeScript2 min read
Bug-Catching TS Flags: noUncheckedIndexedAccess & exactOptionalPropertyTypes
Two TypeScript options that catch real production bugs: safer indexing and optional properties that behave like you think.
#Tooling#Interviews
Mar 01, 2026Practice