State of platforms: Fragments Ahmedabad

On the state of platforms: React Native, Flutter, iOS, React

Fast Loading Your React Apps : Where to Start

Submitted by Punit Sethi (@geekybiz) on Feb 28, 2019

Technical level: Intermediate Status: Waitlisted

Abstract

This talk is aimed at React front-end developers. The talk is based on my experiences with optimizing React Web App front-end performance. The goal is to share the experiences with the audience to help them:

  • Understand how to start analyzing for performance for React Web App
  • Various options they have when it comes to improving performance

The talk shall contain analysis screenshots, list of plugins / presets / config options to use, code snippets to serve the above purpose.

Outline

Shall cover the following areas with actual examples and code snippets:

  • How to approach optimizing performance of React Web App (what to analyze, where to start, tools to use for analysis)
  • Tree shaking opportunities (automatic tree shaking and Webpack plugins, options for further tree shaking)
  • How to approach code splitting (listing libraries, React options that can be used)
  • How to maximize caching benefits through vendor bundling (with splitchunks, CommonChunksPlugin examples)
  • How to set up performance efficient babel transpilation (with babel-preset-env examples)

Speaker bio

I’m founder of Tezify.com - an org that is focussed solely on website front-end performance. Selling my consulting services - I have optimized front-end performance for various high volume traffic websites in India - this includes React SPAs at reputed startups.

Slides

https://docs.google.com/presentation/d/16DMFCQcGFAjrEzUvxEqA49p128xbRFFVeqHVq-ax7Xc/edit?usp=sharing

Preview video

https://www.youtube.com/watch?v=g8ZjRl2DEp4

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