react-performance-tuning.md

React Performance Tuning

React Profiler

In React 16.5.0 release, a new profiler tool is included in the React Dev Tools. You can checkout the tutorials below to see how you can use it:

• Introducing the React Profiler
• Use the New Profiler in React Developer Tools to Generate Flame Charts and Interactions
• Using the React DevTools Profiler to Diagnose React App Performance Issues

Checkout reasons for update

If you would like to find out if some React component is re-rendered unnecessarily, you can also use this tool called Why Did You Update

Resources

• A checklist for eliminating common React performance issues
• Profiling React Components with the User Timing API
• Optimizing React: Virtual DOM explained