memo
Used to reduce the render count and unnecessary executions of expensive functions.
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
HOC
export const MemoizedMovie = useMemo(MemoizedMovie);
Hook
export const MemoizedMovie = React.memo(Movie);
If your component renders the same result given the same props, you can wrap it in a call to React.memo for a performance boost in some cases by memoizing the result. This means that React will skip rendering the component, and reuse the last rendered result.