Q11. When to use a Class Component over a Function Component?
After the addition of Hooks(i.e. React 16.8 onwards) it is always recommended to use Function components over Class components in React. Because you could use state, life...
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 ×
Q12. What are Pure Components?
Pure components are the components which render the same output for the same state and props. In function components, you can achieve these pure components through memoiz...
Q13. What is state in React?
_State_ of a component is an object that holds some information that may change over the lifetime of the component. The important point is whenever the state object chang...
Q14. What are props in React?
_Props_ are inputs to components. They are single values or objects containing a set of values that are passed to components on creation similar to HTML-tag attributes. H...
Q15. What causes hydration mismatches and how do you fix them?
Hydration is React attaching event handlers to server-rendered HTML. A mismatch happens when the server HTML differs from the client's first render, and React warns and r...
Q16. What is the difference between state and props?
In React, both **state** and **props** are plain JavaScript objects, but they serve different purposes and have distinct behaviors: ### State - **Definition:** State is a...
Q17. What is the difference between HTML and React event handling?
Below are some of the main differences between HTML and React event handling, 1. In HTML, the event name usually represents in _lowercase_ as a convention: ```html ``` Wh...
Q18. What are synthetic events in React?
`SyntheticEvent` is a cross-browser wrapper around the browser's native event. Its API is same as the browser's native event, including `stopPropagation()` and `preventDe...
Q19. What are inline conditional expressions?
You can use either _if statements_ or _ternary expressions_ which are available in JS(and JSX in React) to conditionally execute or render expressions. Apart from these a...
Q20. What is "key" prop and what is the benefit of using it in arrays of elements?
A `key` is a special attribute you **should** include when mapping over arrays to render data. _Key_ prop helps React identify which items have changed, are added, or are...