3 ms·
The performance is still bad. It's spending roughly 20ms doing JS work per frame. React profiles are not very easy to interpret but perhaps you're doing a lot
by muizelaar 9y ago
The performance is still bad. It's spending roughly 20ms doing JS work per frame.
React profiles are not very easy to interpret but perhaps you're doing a lot more work per frame than you should be?
Here's the profile: https://perfht.ml/2F7ohwx https://perfht.ml/2F7ohwx
- jannes 9y agoThis file is the entire source of the component: https://github.com/zzarcon/react-circle/blob/57bb4d19df08b739017ce98c3a634ce91da0b596/src/circle.tsx https://github.com/zzarcon/react-circle/blob/57bb4d19df08b73... A lot of the work seems to be the React diffing? The only thing that changes between frames when dragging the slider is the style attribute. Furthermore, the author seems to have included the development version of React. And the author used development settings for the webpack compilation. The compiled JS is full of eval() calls.