ReactFoo Bangalore annual conference

India's largest React conference

Browser Rendering Optimization and React

Submitted by Karanbir Kajal (@karanbirkajal) on Friday, 22 June 2018

videocam_off

Technical level

Advanced

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

how browser understands, builds and displays DOM, how we can optimize our code to get “app-like” user experience, how chrome devtools and React can help in achieving this

Outline

  • Page performance bottlenecks
  • What constitutes a frame, why 60 frames per second
  • Layers, Reflow and Repaint
  • Best coding practices in React for high performance
  • Performance devtools

Speaker bio

https://www.linkedin.com/in/karanbirkajal

Slides

https://docs.google.com/presentation/d/1eoANm24bDQhDGoS0AJugI005NSzmRoQxhXwc9Q3WWn0/edit?usp=sharing

Comments

Login with Twitter or Google to leave a comment