Sitemap
Explore all pages and content available on Frontend Interview
Blog Posts
66 articles available
TypeScript(16)
- Type-Level Testing & API Design Patterns
- Advanced Generics: Overloads, Inference Tricks, and Variance
- Mapped Types, keyof, and Template Literal Types (Interview-Ready)
- Typing React Components in TypeScript (Practical Patterns)
- Enums vs Union Types (and const enums)
- tsconfig.json: The Settings That Matter
- Declaration Merging & Module Augmentation
- Conditional Types + infer (Interview Essentials)
- The `satisfies` Operator (Why It’s a Big Deal)
- Type Guards & Narrowing Patterns
- any vs unknown vs never (Interview-Ready)
- TypeScript Utility Types: Pick, Omit, Partial, Record (Practical Guide)
- TypeScript Narrowing & Discriminated Unions (Interview-Ready)
- TypeScript Generics: Basics, Constraints, and Real Patterns
- TypeScript: types vs interfaces (When to Use Which)
- TypeScript Best Practices for 2024
Interviews(40)
- Type-Level Testing & API Design Patterns
- Advanced Generics: Overloads, Inference Tricks, and Variance
- Mapped Types, keyof, and Template Literal Types (Interview-Ready)
- Typing React Components in TypeScript (Practical Patterns)
- Enums vs Union Types (and const enums)
- tsconfig.json: The Settings That Matter
- Declaration Merging & Module Augmentation
- Conditional Types + infer (Interview Essentials)
- The `satisfies` Operator (Why It’s a Big Deal)
- Type Guards & Narrowing Patterns
- any vs unknown vs never (Interview-Ready)
- TypeScript Utility Types: Pick, Omit, Partial, Record (Practical Guide)
- TypeScript Narrowing & Discriminated Unions (Interview-Ready)
- TypeScript Generics: Basics, Constraints, and Real Patterns
- TypeScript: types vs interfaces (When to Use Which)
- Frontend Testing: Unit vs Integration vs E2E (What Interviewers Want)
- Accessibility Basics: Semantic HTML, ARIA, and Keyboard Navigation
- Core Web Vitals (LCP, CLS, INP): Frontend Performance That Actually Matters
- Service Workers + Offline Caching (Interview-Ready Guide)
- HTTP Caching for Frontend: Cache-Control, ETag, and Practical Strategies
- Browser Rendering Pipeline: Layout (Reflow) vs Paint vs Composite (Performance)
- CORS + Cookies + SameSite: Frontend Basics (Why Requests Fail)
- Event Delegation in JavaScript: How It Works + Performance Patterns
- Browser Storage: localStorage vs sessionStorage vs IndexedDB (When to Use Which)
- JSON in JavaScript: Serialization Pitfalls + Safe Parsing Patterns
- JavaScript Objects: References, Cloning, and Immutability (Deep vs Shallow)
- JavaScript Arrays for Interviews: map/filter/reduce + Time Complexity
- JavaScript Error Handling: try/catch, Custom Errors, and Patterns
- JavaScript Equality & Type Coercion: == vs === (With Interview Traps)
- JavaScript Modules: ESM vs CommonJS (import/export vs require)
- JavaScript Prototypes & the Prototype Chain (Interview-Ready)
- Debounce vs Throttle: Differences, Use Cases, and Implementations
- Map vs Set vs WeakMap vs WeakSet: When to Use Which (Interview-Ready)
- Memory Leaks in Frontend Apps: Causes, Detection, and Fixes (Interview-Ready)
- Async/Await Pitfalls: Parallel vs Sequential (With Examples)
- Promises Deep Dive: Chaining, Errors, all vs allSettled (Interview-Ready)
- JavaScript Hoisting + Temporal Dead Zone (var vs let/const)
- JavaScript 'this' Explained: call/apply/bind + Arrow Functions
- JavaScript Closures Explained (With Interview Questions)
- JavaScript Event Loop: Microtasks vs Macrotasks (Interview-Ready)
Generics(4)
React(13)
- Typing React Components in TypeScript (Practical Patterns)
- React Performance: An Interview Checklist
- Custom Hooks: Extracting Reusable Logic
- React Context: When to Use It (and When Not To)
- Controlled vs Uncontrolled Components (Forms)
- State Updates and Batching in React
- useMemo vs useCallback: When (Not) to Use Them
- useEffect: Dependencies, Cleanup, and Common Traps
- Keys in React Lists: Why They Matter
- Components, Props, and State (Interview Essentials)
- React Rendering: The Mental Model
- Getting Started with React Hooks
- Next.js 14: What's New and Exciting
Web Development(3)
HTML(3)
Accessibility(4)
Web Platform(7)
- Accessibility Basics: Semantic HTML, ARIA, and Keyboard Navigation
- Core Web Vitals (LCP, CLS, INP): Frontend Performance That Actually Matters
- Service Workers + Offline Caching (Interview-Ready Guide)
- HTTP Caching for Frontend: Cache-Control, ETag, and Practical Strategies
- Browser Rendering Pipeline: Layout (Reflow) vs Paint vs Composite (Performance)
- CORS + Cookies + SameSite: Frontend Basics (Why Requests Fail)
- Browser Storage: localStorage vs sessionStorage vs IndexedDB (When to Use Which)
Performance(10)
- Core Web Vitals (LCP, CLS, INP): Frontend Performance That Actually Matters
- Service Workers + Offline Caching (Interview-Ready Guide)
- HTTP Caching for Frontend: Cache-Control, ETag, and Practical Strategies
- Browser Rendering Pipeline: Layout (Reflow) vs Paint vs Composite (Performance)
- Event Delegation in JavaScript: How It Works + Performance Patterns
- Debounce vs Throttle: Differences, Use Cases, and Implementations
- Map vs Set vs WeakMap vs WeakSet: When to Use Which (Interview-Ready)
- Memory Leaks in Frontend Apps: Causes, Detection, and Fixes (Interview-Ready)
- React Performance: An Interview Checklist
- useMemo vs useCallback: When (Not) to Use Them
Security(2)
JavaScript(21)
- Event Delegation in JavaScript: How It Works + Performance Patterns
- Browser Storage: localStorage vs sessionStorage vs IndexedDB (When to Use Which)
- JSON in JavaScript: Serialization Pitfalls + Safe Parsing Patterns
- JavaScript Objects: References, Cloning, and Immutability (Deep vs Shallow)
- JavaScript Arrays for Interviews: map/filter/reduce + Time Complexity
- JavaScript Error Handling: try/catch, Custom Errors, and Patterns
- JavaScript Equality & Type Coercion: == vs === (With Interview Traps)
- JavaScript Modules: ESM vs CommonJS (import/export vs require)
- JavaScript Prototypes & the Prototype Chain (Interview-Ready)
- Debounce vs Throttle: Differences, Use Cases, and Implementations
- Map vs Set vs WeakMap vs WeakSet: When to Use Which (Interview-Ready)
- Memory Leaks in Frontend Apps: Causes, Detection, and Fixes (Interview-Ready)
- Async/Await Pitfalls: Parallel vs Sequential (With Examples)
- Promises Deep Dive: Chaining, Errors, all vs allSettled (Interview-Ready)
- JavaScript Hoisting + Temporal Dead Zone (var vs let/const)
- JavaScript 'this' Explained: call/apply/bind + Arrow Functions
- JavaScript Closures Explained (With Interview Questions)
- JavaScript Event Loop: Microtasks vs Macrotasks (Interview-Ready)
- Mastering JavaScript Async/Await
- TypeScript Best Practices for 2024
- Getting Started with React Hooks
Data Validation(1)
Data Structures(2)
Error Handling(1)
Async(4)
Promises(3)
Scope(2)
CSS(10)
- Modern CSS Features You Should Know
- CSS Positioning: static/relative/absolute/fixed/sticky
- How to Center a Div (All Common Ways)
- Accessibility Basics for Frontend Interviews
- Responsive Design: Media Queries, Fluid Layouts, and Breakpoints
- CSS Grid: Two-Dimensional Layout
- Flexbox: Aligning Layouts the Right Way
- The CSS Box Model (Deep but Practical)
- CSS Specificity: How Styles Actually Win
- CSS Grid vs Flexbox: When to Use Each
Interview(20)
- Modern CSS Features You Should Know
- CSS Positioning: static/relative/absolute/fixed/sticky
- How to Center a Div (All Common Ways)
- Accessibility Basics for Frontend Interviews
- Responsive Design: Media Queries, Fluid Layouts, and Breakpoints
- CSS Grid: Two-Dimensional Layout
- Flexbox: Aligning Layouts the Right Way
- The CSS Box Model (Deep but Practical)
- CSS Specificity: How Styles Actually Win
- HTML Semantics: The Interview Answer
- React Performance: An Interview Checklist
- Custom Hooks: Extracting Reusable Logic
- React Context: When to Use It (and When Not To)
- Controlled vs Uncontrolled Components (Forms)
- State Updates and Batching in React
- useMemo vs useCallback: When (Not) to Use Them
- useEffect: Dependencies, Cleanup, and Common Traps
- Keys in React Lists: Why They Matter
- Components, Props, and State (Interview Essentials)
- React Rendering: The Mental Model