React Programming Tutorials, Guides & Best Practices

In this example, Greeting will only re-render when the name prop changes. This optimization is particularly beneficial for components that render frequently with the same props.([React][4], [Content That Scales][5])

Passing functions as props can cause child components to re-render unnecessarily because functions are recreated on every render. The useCallback hook memoizes functions, ensuring they maintain the same reference unless their dependencies change.([React][4])

In this example, ChildComponent only re-renders if the name prop changes, even when the parent component re-renders due to state changes.

As mentioned earlier, useMemo can be used to memoize the result of expensive function calls.