Interview Q&A / React

1. What is the difference between useMemo and useCallback, and when should you not use them?

   useMemo caches the result of a calculation, and useCallback caches a function itself, both until their dependencies change. Use them for expensive calculations or to keep values stable for memoized children or effect dependencies; skip them for cheap work, where they only add complexity.

   IntermediateIn-depth3 min read
2. When should you use useEffect, and when should you avoid it?

   Use useEffect to sync your component with something outside React, such as a network request, a subscription or a browser API. Avoid it for work you can do during rendering or inside an event handler.

   IntermediateIn-depth2 min read
3. What is the useId hook for, and why not use Math.random for IDs?

   useId generates a stable unique ID that matches between server and client renders. It is meant for linking labels to inputs and aria attributes. Math.random changes each render and differs on the server, causing hydration mismatches.

   IntermediateQuick answer1 min read