Generally the biggest bottlenecks in a React application are redundant processes and poorly structured components. Today, I will share what I’ve learned by refactoring a component and making it much more efficient!


I think it’s fair to start by saying that when using function components, they will always be re-rendered! Even if you pass the same props… In class components there are Pure Components, which are components that will only be re-rendered if their props change! Since we don’t use classes, but function components, we can use React.memo.

React.memo is a high order component that does the same thing as…

Caio Bittencourt

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store