ReactFoo Hyderabad

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

Sachin Chopra


Profiling and Optimizing Performance of React Applications

Submitted Feb 15, 2018

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.



{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more