FRONTEND

INTERVIEW
GUIDE
@DIMPLE KUMARI
FORMING A NETWORK OF FANTASTIC CODERS.
 Index
1. JavaScript Interview Questions
2. React Interview Questions
3. Project List

@DimpleKumari
Forming a network of fantastic coders.
1. JavaScript Interview Questions
Basic Level
What is the difference between 'Pass by Value' and 'Pass by Reference'?
What is the difference between map and filter?
What is the difference between map() and forEach()?
What are the differences between call(), apply(), and bind()?
List some key features of ES6.
What is the spread operator in JavaScript?
What is the rest operator in JavaScript?
What is Temporal Dead Zone?
What is a polyfill in JavaScript?
What is prototype in JavaScript?

@DimpleKumari
Forming a network of fantastic coders.
1. JavaScript Interview Questions
Intermediate Level
What is IIFE?
What are the different data types in JavaScript?
What is authentication vs authorization?
Difference between null and undefined?
What is the output of 3+2+"7"?
What is the difference between slice and splice in JavaScript?
What is destructuring?
What is setTimeout in JavaScript?
What is setInterval in JavaScript?
What are Promises in JavaScript?

@DimpleKumari
Forming a network of fantastic coders.
1. JavaScript Interview Questions
Advanced Level
What is a closure?
What are callbacks in JavaScript?
What are Higher Order Functions in JavaScript?
What is the difference between == and === in JavaScript?
What is hoisting?
What are the differences between let, var, and const?
What are the limitations of arrow functions?
What is the difference between shallow copy and deep copy?
What is event bubbling?
What is event capturing?
What is this in JavaScript and how does it behave in various scenarios?
How do you optimize the performance of a JavaScript application?
What is meant by debouncing and throttling?

@DimpleKumari
Forming a network of fantastic coders.
 2. React Interview Questions
Basic Level
What is React?
What are the key features of React?
What is JSX, and why is it used in React?
What is the difference between functional components and class
components?
What is Virtual DOM, and how does it work?
What is the difference between State and Props?
What is React Fiber?
What is the purpose of React keys in lists?
What are default props in React?
How do you create a React component?
What are synthetic events in React?
How do you pass data between components in React?

@DimpleKumari
Forming a network of fantastic coders.
 2. React Interview Questions
Intermediate Level
What are controlled and uncontrolled components in React?
What is two-way binding in React?
What is conditional rendering in React?
How do you handle forms in React?
What is the purpose of useState in React?
What is the difference between useState and useReducer?
What is the component lifecycle of a React class component?
What is useEffect, and how does it work?
What are React hooks?
What are Higher Order Components (HOC) in React?
What is prop drilling in React, and how can it be avoided?

@DimpleKumari
Forming a network of fantastic coders.
 2. React Interview Questions
Intermediate Level
What is the Context API in React?
What is the difference between Context API and Redux?
What are React portals?
What is reconciliation in React?
What is lazy loading in React?
What is the difference between useMemo and useCallback?
What are refs in React?
What is forwardRef in React?
What is hydration in React?
What is the difference between static generation (SSG) and server-
side rendering (SSR)?
How do you fetch data in React?

@DimpleKumari
Forming a network of fantastic coders.
 2. React Interview Questions
Advanced Level (Performance Optimization & Architecture
How does React optimize rendering with reconciliation?
What are the different ways to prevent unnecessary re-renders in
React?
How do you handle large-scale state management in React applications?
What is React Concurrent Mode, and how does it improve performance?
What are render phases in React, and how do they affect performance?
Explain React's scheduling and how it prioritizes updates.
How does React handle memory management and prevent memory leaks?
How can you improve time-to-interactivity (TTI) in React applications?
What are React Fiber internals, and how do they help with concurrency?

@DimpleKumari
Forming a network of fantastic coders.
 2. React Interview Questions
Advanced Level (Hooks & Functional Component Patterns)
How does useEffect cleanup work, and when should it be used?
How do you handle complex side effects using React hooks?
What are compound components, and how do they improve component
reusability?
Explain the React batching process in event handlers and hooks.
How do you handle event delegation in React efficiently?
Can you explain the difference between useRef and useState in
managing state?
What are the common pitfalls of using React hooks, and how can they be
avoided?
What are custom hooks, and how do they differ from built-in hooks?
How does the useImperativeHandle hook work?
When should you use useReducer over useState?

@DimpleKumari
Forming a network of fantastic coders.
 Projects for Practice
TodoList LikeButton
ThemeMode AccordionComponent
StarRating CalculatorApp
ProgressBar CarouselComponent
PasswordGenerator CountdownTimer
PaginationComponent CustomHook
OtpLogin DropdownComponent
NestedComments FormValidation
NavbarComponent GridLights
ModalComponent TicTacToe

@DimpleKumari
Forming a network of fantastic coders.
 Thank You for Reading!
If you found this informative and valuable, I’d love for you to connect with me. Follow
me Medium, Codepen, and connect with me on LinkedIn to stay updated on the latest
in web development, interviews, and more.

Let’s connect!
💼 𝐋𝐢𝐧𝐤𝐞𝐝𝐈𝐧 — https://www.linkedin.com/in/dimple-kumari/
🔗 𝐌𝐞𝐝𝐢𝐮𝐦 — https://medium.com/@dimplekumari0228
✍️𝐂𝐨𝐝𝐞𝐩𝐞𝐧 — https://codepen.io/DIMPLE2802

@DimpleKumari
Forming a network of fantastic coders.
 FOLLOW

Dimple Kumari
Forming a network of fantastic coders.