Separate React prep from broad frontend prep, then filter by difficulty.
React.js
Hooks, rendering, data flow, and performance patterns used in React interviews.
Frontend Breadth
Broad frontend concepts that connect product work, browser behavior, and user experience.
JavaScript
Core language knowledge, async thinking, and interview-ready JS mental models.
Browser and DOM
DOM, events, rendering pipeline, storage, and browser APIs.
HTML and CSS
Layout, semantics, responsive design, and the basics interviewers still ask.
Accessibility
Inclusive UI practices, keyboard support, semantics, and testing for accessibility.
Performance and Security
Web vitals, rendering cost, caching, and browser-side security basics.
DSA for Frontend
Patterns most useful for frontend rounds, not random competitive programming.
Machine Coding
How to structure the practical round, communicate tradeoffs, and ship clean UI fast.
Frontend System Design
Client-side architecture, state boundaries, data flow, and scale questions.
Resume and Behavioral
Your stories, project deep dives, and recruiter or hiring-manager round prep.
25 topic cards ready to study
React Rendering and Reconciliation
Know when React renders, why it re-renders, and how reconciliation updates the real DOM.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Hooks, Especially useEffect
Explain hooks clearly and use useEffect only for real side effects.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
State Modeling and Data Flow
Choose between local state, lifted state, reducers, context, and server state cleanly.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
React Performance Toolkit
Measure first, then reduce render surface, expensive work, and bundle cost.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
JavaScript Event Loop and Async Thinking
Explain call stack, Web APIs, microtasks, macrotasks, and visible scheduling behavior.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
DOM Events and Event Delegation
Cover bubbling, capturing, target vs currentTarget, and scalable event handling.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
HTML and CSS Layout Fundamentals
Answer layout, semantics, responsive design, and specificity questions with clean interview language.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
HTML, CSS, and Accessibility Foundations
Explain semantics, keyboard support, focus, labels, and contrast like a product engineer.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Web Performance and Browser Security Basics
Know web vitals, bundle cost, rendering cost, XSS, and safe frontend data handling.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Testing Frontend with Confidence
Frame testing around user behavior, confidence, and product risk rather than only syntax.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
DSA Patterns for Frontend Interviews
Focus on maps, windows, pointers, stacks, traversal, and complexity discussion.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Machine Coding Round Approach
Show how to scope, structure, and narrate your work in the practical frontend round.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Frontend System Design: Search and Dashboard Thinking
Structure answers around data flow, rendering boundaries, caching, resilience, and UX quality.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Resume Storytelling and Project Deep Dives
Turn your experience into strong stories for recruiter, manager, and project deep-dive rounds.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Browser Render Pipeline and Main Thread Thinking
Explain parsing, style, layout, paint, compositing, and what makes the browser feel janky.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Browser Storage, Caching, and Networking
Cover localStorage, sessionStorage, cookies, cache behavior, and request lifecycle tradeoffs.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Accessible Widgets, Dialogs, and ARIA
Go beyond basic semantics and explain modals, tabs, menus, announcements, and ARIA decisions clearly.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Loading Strategy, Caching, and Core Web Vitals
Answer LCP, CLS, INP, image strategy, caching, and bundle questions with product-level clarity.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Frontend Security, Auth, and Trust Boundaries
Explain XSS, CSRF, token storage, CSP, sanitization, and what frontend can and cannot guarantee.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Component Libraries and Design System Workflow
Prepare for questions about reusable UI, tokens, API consistency, accessibility, and adoption across teams.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Trees, Recursion, and UI Data Transforms
Handle nested menus, comments, file explorers, flattening, and traversal questions like a frontend engineer.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Machine Coding: Component Boundaries and State
Prepare for the part of the round where structure, state shape, and communication matter more than typing speed.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Design Systems and Frontend Platform Thinking
Answer frontend system design questions about shared components, versioning, tokens, governance, and adoption.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Realtime Dashboards and Resilient Data Flow
Prepare for questions about polling, websockets, partial failure, stale data, and resilient UI updates.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Ownership, Conflict, and Growth Stories
Prepare for the behavioral questions that decide trust: disagreement, leadership, mistakes, and growth.
Simple mode, interview mode, example, pitfalls, and follow-ups are all inside this topic.
Raw material from your existing folder
Generated 2026-03-15T13:12:46.058Z
This layer keeps the original resource library visible while the curated study system gives you cleaner answers.
context/100 important HTML, CSS, and JavaScript interview questions.pdf
HTML Interview Questions 1. What is HTML? 2. What does DOCTYPE mean in HTML? 3. Explain the purpose of the <meta> tag. 4. What is the difference between HTML and XHTML? 5. What is semantic HTML? 6. Describe the difference between <div> and <span>. 7. Explain t
context/100-React-interview-questions.pdf
1 -- 1 of 36 -- 2 -- 2 of 36 -- 3 -- 3 of 36 -- 4 -- 4 of 36 -- 5 -- 5 of 36 -- 6 -- 6 of 36 -- 7 -- 7 of 36 -- 8 -- 8 of 36 -- 9 -- 9 of 36 -- 10 -- 10 of 36 -- 11 -- 11 of 36 -- 12 -- 12 of 36 -- 13 -- 13 of 36 -- 14 -- 14 of 36 -- 15 -- 15 of 36 -- 16 -- 16
context/400- JS Interview Questions.pdf
26/4/2021 md2pdf - Markdown to PDF https://md2pdf.netlify.app 1/176 Hello World! Today I prepared a huge list of Javascript Interview Questions from this awesome repo, their really cool and have lots of this kind of resources. ⚡ Giveaway ⚡ We are giving away a
context/8020-JavaScript-3.0.pdf
1 -- 1 of 84 -- 2 Table Of Content. Introduction to JavaScript 6 Paradigm 6 Primitive DataTypes 6 Variables and Scoping 7 Truthy and Falsy values in JavaScript 10 Truthy and Falsy values 10 The only 6 falsy values 11 Copy by value vs copy by reference 12 Copy
context/Cold Email Templates and How to cold email.docx
Cold Email Templates and How to cold email Template 1: The Mutual Value Approach (Best for Tech Roles) Subject: Quick question about [Company]'s frontend challenges Hi [First Name], Noticed [Company] just [launched feature/raised funding/expanded team] - excit
context/DSA for frontend.docx
©All content, materials, and intellectual property contained within this document, including but not limited to text, images, diagrams, graphics, code, and any other original works, are protected by copyright laws and international treaties. This intellectual
context/Frontend Interview_ Topic-Wise Self Mock Interview Guide.docx
©All content, materials, and intellectual property contained within this document, including but not limited to text, images, diagrams, graphics, code, and any other original works, are protected by copyright laws and international treaties. This intellectual
context/Frontend Machine Coding Cheat Sheet.pdf
Frontend Machine Coding Interview: Cheat Sheet by Geeky Frontend Machine coding interviews are a must in all tech companies hiring for frontend/UI roles at any level. There are plenty of machine coding questions out there that can become part of the frontend i