React has optimisation at its core. But without the right strategy your app will suffer from performance issues. We cover 3 ways you can optimize a React app.

Bit's platform is a collaborative development platform, offering insights into component-driven development, code sharing, and version control for modern software projects. Through articles, tutorials, and documentation, Bit offers insights into creating and managing reusable components across projects and teams. Developers can learn about component design, versioning strategies, and integration with popular frameworks to streamline development workflows and improve code quality.

Bits and Pieces

React.memo prevents a component from re-rendering unnecessarily if the props have not changed. Let’s build a simple application where we pretend to call an API on the click of a button. The API returns the name and the favourite dish of the given person. Clicking on the button 10 times re-renders the Intro component 10 times.

I Optimized My React App and Made It Even Faster

1. Don’t let the props do ‘much’ talking — React.memo

2. Don’t let the callback functions do ‘much’ talking — useCallback

<p>Really helpful! Didn’t know we could pass our own check function to <code>memo</code></p>


<p>Clear explanation with simple examples, great article for new developers</p>
