This article focuses on techniques that can make React perform better as a whole and not on particular timings. For actual timings, a simple google search yielded the following results for the application of the patterns mentioned in my article:

  1. https://www.telerik.com/blogs/react-component-performance-comparison
  2. https://localvoid.github.io/uibench/

You can also benchmark your own code by implementing some of the tips mentioned above and measuring the rendering time through the React Profiler: https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html .

Unfortunately, React apps vary so much that it would be really hard to create a proper benchmark. If you can find me a React app that’s objectively accepted as a suitable benchmarking candidate, I’d be happy to apply these techniques and add numbers to this article :)

Front-end ReactJS Developer — https://aggelos.dev

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