FrontendMasters - React Performance

React is fast! Yea. But, any application that grows begins to develop its own edge cases that require us to do detective work to get the best performance. We’ll take a look at some of the common pitfalls React applications, how to diagnose them, and how to measure the effectiveness of your solutions. You'll learn how to use the React Profiler, avoiding unnecessary re-renders, the impact of the shape of our state on performance, and how to memoize React hooks. In addition, we'll look into patterns for keeping the DOM performant when working with large data sets.

By participating along with us in the workshop, you'll learn:

• Measure the performance of your React applications
• Avoid common pitfalls with React hooks
• Structure your state for optimal performance
• Virtualize lists that slow down the DOM