Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
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
100
The Complete Handbook to OpenTelemetry Metrics
Avatar for Prathamesh Sonpatki prathamesh
1
71
Breaking down the Pillars of Observability: From data to outcomes
Avatar for Prathamesh Sonpatki prathamesh
0
85
Monitoring vs. Debugging
Avatar for Prathamesh Sonpatki prathamesh
0
160
Handling High Cardinality in Observability
Avatar for Prathamesh Sonpatki prathamesh
1
100
Setting up Monitoring for Kubernetes
Avatar for Prathamesh Sonpatki prathamesh
0
300
Monitoring vs. Debugging - SRE BLR Meetup
Avatar for Prathamesh Sonpatki prathamesh
0
88
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
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
110
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
270
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
430
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
880
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.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