What are useCallback and useMemo in React?

Can you explain what useCallback and useMemo are in React?

Sure! useCallback is a hook that returns a memoized version of a callback function, which helps prevent unnecessary re-renders.

When should I use useCallback?

You should use useCallback when passing callbacks to optimized child components that rely on reference equality to prevent re-renders.

And what about useMemo?

useMemo is similar, but it memoizes the result of a computation, which can help optimize performance by avoiding expensive calculations on every render.

Can you give me an example of how to use them?

Absolutely! For useCallback, you might wrap a function that updates state, and for useMemo, you could memoize a derived state value based on props.