React performance tips. Make your React app fly!

Article by João Miguel Cunha

React allows you to start building apps with ease, be it small and simple apps or big and complex apps. As applications evolve, it is only natural for requirements to do so as well and, in consequence, you will eventually need to boost some performance out of your app. In this article, we'll also look at some optimization tips as well as best coding practices.


Related resources

React Performance Optimization with React.memo()

In this article I will explain to you how you can optimize React performance by using React.memo, some common pitfalls you could encounter and why you shouldn't always use React.memo. [continue]

Article by Felix Gerschau

A guide to React refs: useRef and createRef

As is the case with many other UI libraries, React offers a way to rethink a view as the result of a state of a component. Part of that benefit comes from creating the views with the abstraction mechanisms React and JSX expose instead of doing it through DOM spec methods. Still, the React team did [continue]

Article by Jeremias Menichelli

6 tips for better React performance

In this article, I will try and list out a few easy ways to achieve better performance in your React app through simple development hacks. Under no means does this mean that you need to always apply these techniques, but it's always good to know that they are there. [continue]

Article by Aggelos Arvanitakis

7 Ways to Implement Conditional Rendering in React Applications

With React, we can build Single Page Applications that are dynamic and highly interactive. One way we fully utilize such interactivity is through conditional rendering. Conditional rendering as a term describes the ability to render different UI markup based on certain conditions. In React-speak, it [continue]

Tutorial by Philip Obosi