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 Feb 15, 2018

Section: Crisp talk Technical level: Beginner Status: Confirmed & scheduled

Abstract

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.

Outline

  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

Requirements

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.

Links

Slides

https://docs.google.com/presentation/d/1rI6XaoPYTZwQRHcuAegvIq5W-88NQhhkRXs4XU1hlKM/edit?usp=sharing

Comments

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

{{ gettext('You need to be a participant to comment.') }}

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

{{ errorMsg }}