React re-renders components when there's a change in state or props. While this ensures the UI stays in sync with data, it can also lead to redundant renders, especially in large component trees. Identifying and mitigating these unnecessary re-renders is key to optimizing performance.([GeeksforGeeks][2])
React.memo is a higher-order component that prevents functional components from re-rendering if their props haven't changed. It performs a shallow comparison of props and reuses the previous render result when possible.([JavaScript in Plain English][3])