Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

React Perf tools

Avatar for Prathamesh Sonpatki Prathamesh Sonpatki
May 26, 2016
0
190

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
Tweet

More Decks by Prathamesh Sonpatki

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

Featured

See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
74
Design in an AI World
Avatar for tapps tapps
0
100
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
200
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
860
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
HDC tutorial
Avatar for Michiel Stock michielstock
0
280
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
38
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k

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