$30 off During Our Annual Pro Sale. View Details »

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
96
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
70
Monitoring vs. Debugging
Avatar for Prathamesh Sonpatki prathamesh
0
140
Handling High Cardinality in Observability
Avatar for Prathamesh Sonpatki prathamesh
1
98
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
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Done Done
Avatar for chrislema chrislema
186
16k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k

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