Q101. Can I use keys for non-list items?
Keys are primarily used for rendering list items but they are not just for list items. You can also use them React to distinguish components. By default, React uses order...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (138 available).
Active:
Tag: components ×
Q102. What is useContext? What are the steps to follow for useContext?
The `useContext` hook is a built-in React Hook that lets you access the value of a context inside a functional component without needing to wrap it in a component. It hel...
Q103. What are the use cases of useContext hook?
The `useContext` hook in React is used to share data across components without having to pass props manually through each level. Here are some common and effective use ca...
Q104. When to use client and server components?
You can efficiently build nextjs application if you are aware about which part of the application needs to use client components and which other parts needs to use server...
Q105. What are the differences between page router and app router in nextjs?
Next.js provides two different routing systems: the **Page Router** (traditional) and the **App Router** (introduced in Next.js 13). The App Router is built on React Serv...
Q106. Can Hooks be used in class components?
No, Hooks cannot be used inside class components. They are specially designed for function components. This is because hooks depend on the sequence in which they are call...
Q107. What is `useReducer`? Why do you use useReducer?
The `useReducer` hook is a React hook used to manage **complex state logic** inside **functional components**. It is conceptually similar to **Redux**. i.e, Instead of di...
Q108. How does useContext works? Explain with an example
The `useContext` hook can be used for authentication state management across multiple components and pages in a React application. Let's build a simple authentication flo...
Q109. What's a common pitfall when using useContext with objects?
A **common pitfall** when using `useContext` with objects is **triggering unnecessary re-renders** across all consuming components — even when only part of the context va...
Q110. When should you use useImperativeHandle?
The useImperativeHandler hook will be used in below cases: * You want to expose **imperative methods** from a child component - Custom input controls exposing `focus`, `c...