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

videocam_off

Technical level

Beginner

Section

Crisp talk

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +8

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

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 9 months 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.

    • 1
      Sachin Chopra (@sach11) Proposer 9 months ago

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

Login with Twitter or Google to leave a comment