When should I use useCallback and useMemo in React?

Can you explain when to use useCallback and useMemo in React?

Sure! useCallback is used to memoize functions, preventing unnecessary re-creations on re-renders. useMemo is for memoizing values.

Why would I want to prevent function re-creation?

Preventing function re-creation can help optimize performance, especially in components that rely on reference equality for rendering.

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

Absolutely! If you have a child component that depends on a callback prop, use useCallback to ensure it doesn't re-render unnecessarily.

What about useMemo? When should I use that?

useMemo is great for expensive calculations. If you have a computation that doesn't need to run on every render, wrap it in useMemo.