Q301. What happens if you use useLayoutEffect for non-layout logic?
Using `useLayoutEffect` for logic **unrelated to layout or visual DOM changes** (such as logging, data fetching, or analytics) is **not recommended**. It can lead to **pe...
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 (454 available).
Active:
Tag: react ×
Q302. How does useLayoutEffect cause layout thrashing?
The `useLayoutEffect` can **cause layout thrashing** when you **repeatedly read and write to the DOM** in ways that force the browser to recalculate layout multiple times...
Q303. How Do You Use useRef to Access a DOM Element in React? Give an example.
The `useRef` hook is commonly used in React to directly reference and interact with DOM elements — like focusing an input, scrolling to a section, or controlling media el...
Q304. Can you use useRef to persist values across renders??
Yes, you can use `useRef` to persist values across renders in React. Unlike `useState`, changing `.current` does not cause re-renders, but the value is preserved across r...
Q305. Can useRef be used to store previous values?
Yes, `useRef` is a common pattern when you want to compare current and previous props or state without causing re-renders. **Example: Storing previous state value** ```js...
Q306. Is it possible to access a ref in the render method?
Yes, you can access a ref in the render method, but what you get from it depends on how you're using the ref and when in the component lifecycle you're rendering. For exa...
Q307. What are the common usecases of useRef hook?
Some of the common cases are: * Automatically focus an input when a component mounts. * Scroll to a specific element. * Measure element dimensions (`offsetWidth`, `client...
Q308. What is useImperativeHandle Hook? Give an example.
`useImperativeHandle` is a React Hook that allows a **child component** to expose **custom functions or properties** to its **parent component**, when using `ref`. It is ...
Q309. 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...
Q310. Is that possible to use useImperativeHandle without forwardRef?
**No.** `useImperativeHandle` only works when the component is wrapped in `forwardRef`. It's the combination that allows parent components to use a `ref` on a function co...