Rendering & Performance interview questions

18 real Rendering & Performance questions from the React bank, as asked in Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd — free to start.

1. What is Reconciliation?

Senior
  1. A.a higher-order component that skips re-rendering when a component's props are shallowly equal
  2. B.a development tool that double-invokes certain functions to surface unsafe side effects
  3. C.moving shared state to the closest common ancestor so sibling components stay in sync
  4. D.React's diffing of the new and previous element trees to compute the minimal set of DOM updates
Reveal the answer + AI explanation — free account

3. Which statement is correct?

Senior
  1. A.Reconciliation — an in-memory representation of the UI that React diffs against to batch real DOM changes
  2. B.Reconciliation — a development tool that double-invokes certain functions to surface unsafe side effects
  3. C.Reconciliation — moving shared state to the closest common ancestor so sibling components stay in sync
  4. D.Reconciliation — React's diffing of the new and previous element trees to compute the minimal set of DOM updates
Reveal the answer + AI explanation — free account

4. What is Virtual DOM?

Mid
  1. A.moving shared state to the closest common ancestor so sibling components stay in sync
  2. B.a higher-order component that skips re-rendering when a component's props are shallowly equal
  3. C.a development tool that double-invokes certain functions to surface unsafe side effects
  4. D.an in-memory representation of the UI that React diffs against to batch real DOM changes
Reveal the answer + AI explanation — free account

6. Which statement is correct?

Mid
  1. A.Virtual DOM — React's diffing of the new and previous element trees to compute the minimal set of DOM updates
  2. B.Virtual DOM — an in-memory representation of the UI that React diffs against to batch real DOM changes
  3. C.Virtual DOM — a higher-order component that skips re-rendering when a component's props are shallowly equal
  4. D.Virtual DOM — a development tool that double-invokes certain functions to surface unsafe side effects
Reveal the answer + AI explanation — free account

7. What is React.memo?

Mid
  1. A.React's diffing of the new and previous element trees to compute the minimal set of DOM updates
  2. B.a higher-order component that skips re-rendering when a component's props are shallowly equal
  3. C.an in-memory representation of the UI that React diffs against to batch real DOM changes
  4. D.using React.lazy with Suspense to code-split and load a component only when it is rendered
Reveal the answer + AI explanation — free account

9. Which statement is correct?

Mid
  1. A.React.memo — a development tool that double-invokes certain functions to surface unsafe side effects
  2. B.React.memo — using React.lazy with Suspense to code-split and load a component only when it is rendered
  3. C.React.memo — a higher-order component that skips re-rendering when a component's props are shallowly equal
  4. D.React.memo — an in-memory representation of the UI that React diffs against to batch real DOM changes
Reveal the answer + AI explanation — free account

10. What is Lifting state up?

Mid
  1. A.an in-memory representation of the UI that React diffs against to batch real DOM changes
  2. B.a higher-order component that skips re-rendering when a component's props are shallowly equal
  3. C.using React.lazy with Suspense to code-split and load a component only when it is rendered
  4. D.moving shared state to the closest common ancestor so sibling components stay in sync
Reveal the answer + AI explanation — free account

12. Which statement is correct?

Mid
  1. A.Lifting state up — an in-memory representation of the UI that React diffs against to batch real DOM changes
  2. B.Lifting state up — moving shared state to the closest common ancestor so sibling components stay in sync
  3. C.Lifting state up — React's diffing of the new and previous element trees to compute the minimal set of DOM updates
  4. D.Lifting state up — a higher-order component that skips re-rendering when a component's props are shallowly equal
Reveal the answer + AI explanation — free account

13. What is Strict Mode?

Mid
  1. A.using React.lazy with Suspense to code-split and load a component only when it is rendered
  2. B.a higher-order component that skips re-rendering when a component's props are shallowly equal
  3. C.a development tool that double-invokes certain functions to surface unsafe side effects
  4. D.an in-memory representation of the UI that React diffs against to batch real DOM changes
Reveal the answer + AI explanation — free account

15. Which statement is correct?

Mid
  1. A.Strict Mode — a development tool that double-invokes certain functions to surface unsafe side effects
  2. B.Strict Mode — React's diffing of the new and previous element trees to compute the minimal set of DOM updates
  3. C.Strict Mode — using React.lazy with Suspense to code-split and load a component only when it is rendered
  4. D.Strict Mode — a higher-order component that skips re-rendering when a component's props are shallowly equal
Reveal the answer + AI explanation — free account

16. What is Lazy loading?

Senior
  1. A.a development tool that double-invokes certain functions to surface unsafe side effects
  2. B.an in-memory representation of the UI that React diffs against to batch real DOM changes
  3. C.using React.lazy with Suspense to code-split and load a component only when it is rendered
  4. D.a higher-order component that skips re-rendering when a component's props are shallowly equal
Reveal the answer + AI explanation — free account

18. Which statement is correct?

Senior
  1. A.Lazy loading — an in-memory representation of the UI that React diffs against to batch real DOM changes
  2. B.Lazy loading — using React.lazy with Suspense to code-split and load a component only when it is rendered
  3. C.Lazy loading — a development tool that double-invokes certain functions to surface unsafe side effects
  4. D.Lazy loading — a higher-order component that skips re-rendering when a component's props are shallowly equal
Reveal the answer + AI explanation — free account

Free to start

Answers, AI explanations, and a scored voice mock interview

Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take one full AI mock interview — scored like a real panel.

Practice Rendering & Performance free