Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React Perf tools

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Prathamesh Sonpatki Prathamesh Sonpatki
May 26, 2016
200
0

React Perf tools

Talk given at React DC meetup on React Perf tools

Code examples - https://github.com/bigbinary/reactjs-by-example/tree/master/chapter8

Avatar for Prathamesh Sonpatki

Prathamesh Sonpatki

May 26, 2016

More Decks by Prathamesh Sonpatki

See All by Prathamesh Sonpatki
Secrets to Monitor Kubernetes Workloads
Avatar for Prathamesh Sonpatki prathamesh
1
120
The Complete Handbook to OpenTelemetry Metrics
Avatar for Prathamesh Sonpatki prathamesh
1
110
Breaking down the Pillars of Observability: From data to outcomes
Avatar for Prathamesh Sonpatki prathamesh
0
120
Monitoring vs. Debugging
Avatar for Prathamesh Sonpatki prathamesh
0
200
Handling High Cardinality in Observability
Avatar for Prathamesh Sonpatki prathamesh
1
130
Setting up Monitoring for Kubernetes
Avatar for Prathamesh Sonpatki prathamesh
0
320
Monitoring vs. Debugging - SRE BLR Meetup
Avatar for Prathamesh Sonpatki prathamesh
0
110
Monitoring vs. Debugging - IG Meetup 22nd July
Avatar for Prathamesh Sonpatki prathamesh
2
130
Pune_User_Group.pdf
Avatar for Prathamesh Sonpatki prathamesh
0
130

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
5
820
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
1.2k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k

Transcript

  1. React Performance tools

  2. React Performance tools Prathamesh Sonpatki @_cha1tanya @BigBinary

  3. React is generally very fast

  4. Complex DOM structure Infinite lists Mobile browsers

  5. Where time gets spent

  6. Re-Rendering

  7. Profiling using PERF

  8. PERF demo

  9. shouldComponentUpdate

  10. shouldComponentUpdate

  11. shouldComponentUpdate

  12. shouldComponentUpdate Demo

  13. Pure components

  14. Static components

  15. Break the UI into smaller components

  16. PureRenderMixin

  17. Demo

  18. shallow compare

  19. Immutable data

  20. update addon

  21. immutable-js

  22. Compiler optimizations

  23. github.com/ thejameskyle/ babel-react-optimize

  24. Recap

  25. Pure components

  26. Comparable data

  27. Independent children

  28. Loosely coupled components

  29. Thanks blog.bigbinary.com @_cha1tanya