6 tips for better React performance

Article by Aggelos Arvanitakis

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.


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

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

Using React Refs in Typescript

Sometimes it is necessary to use an imperative programming model and access an underlying DOM element. Whatever the reason this can be accomplished using React refs. This guide will show how to use strongly typed refs using Typescript. We will see how to use refs from functional components, using the [continue]

Tutorial by Chris Dobson