React Performance Optimization: Memoization

Creates a memoized state value
Memoizes a function
Creates a memoized version of a component that only re-renders when its props change
React.memo is a higher-order component (HOC) that creates a memoized version of the wrapped component. It performs a shallow comparison of the component's props and only re-renders the component when the props have changed. This prevents unnecessary re-renders when the parent component re-renders but the props passed to the memoized component remain the same.
Optimizes component mounting