ReactFoo Hyderabad

On React, alternatives to React, ReactNative and front-end engineering


Profiling and Optimizing Performance of React Applications

Submitted by Sachin Chopra (@sach11) on Thursday, 15 February 2018

Section: Crisp talk Technical level: Beginner

View proposal in schedule


Although, usage of react is growing rapidly, most of us not aware of its best practices. Thus, we remain devoid of harnessing full power of react. In this talk, I propose to talk about how to identify problems in your react app and how to fix some of the most common ones.


  1. Profiling your react application.

  2. Identifying expensive reconciliation and excessive rerenders.

  3. shouldComponent Update and PureComponents

  4. Passing arrow fns in props.

  5. Passing array / objects in props using literal syntax.

  6. Advantage of breaking into subcomponents.

  7. Demos


Basic idea of how react works and familirity with chrome dev tools.

Speaker bio

I am Sachin Chopra, a Software Engineer and working on Web platform. I am excited about the new and fast-paced innovations happening in web technologies and try to be a part of them.




  • Zainab Bawa (@zainabbawa) Reviewer a year ago

    Sachin, this proposal is interesting. However, the slides quickly slip into the how of performance rather than the concepts and why. I’d like you to add a couple of slides explaining what is performance for Myntra’s use case, what metrics does the team use to evaluate performance, and therefore why the team chose React for performance. I’d rather that you also go deep into the why, and how do the metrics for performance keep evolving.

    • Sachin Chopra (@sach11) Proposer a year ago

      sure, thanks for the suggestions, will update the slides.

Login with Twitter or Google to leave a comment