Michel Costa mikelfcosta
mikelfcosta
/ anyComponent.jsx
Last active
October 9, 2019 17:29
A basic log object and React 16.9 Profiler callback function to evaluate the number and speed of mounts and updates of a React component. Useful for testing tiny differences in components like if the usage of useMemo or useCallback hooks are improving or worsening the Component.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, {Profiler} from 'react'; | |
| import callback from './profiler'; | |
| function anyComponent() { | |
| return ( | |
| <Profiler id="any-component" onRender={callback}> | |
| <div>Some Component</div> | |
| </Profiler> | |
| ); | |
| } |