ReactFoo
ReactFoo

ReactFoo Hyderabad

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

All submissions
This submission has been added to the schedule

Powered by VideoKen

Sachin Chopra

@sach11

Profiling and Optimizing Performance of React Applications

Submitted Feb 15, 2018

Section: Crisp talk Technical level: Beginner

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.

Slides

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

All submissions

Comments

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

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

{{ errorMsg }}

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

Register

Hosted by

ReactFoo
ReactFoo
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