React is known for its excellent performance characteristics, but you still need to be aware of common performance pitfalls and how to deal with it. This course will help you to get your React apps to be fast and efficient.
React app performance can suffer due to components rendering too often. It's also common for React app bundles to end up too large and take too long to download. In this course, Optimize Performance for React, you’ll learn how to identify and address common React performance issues. First, you’ll explore how to analyze and fix wasted renders on both class and functional components. Next, you’ll see how to cache expensive operation results. Finally, you’ll learn how to reduce your app bundle size using production builds and lazy component loading. When you’re finished with this course, you’ll have the skills and knowledge of React performance needed to ensure that your React apps download and execute as fast as possible.
Course Overview Hi everyone, my name is Hendrik Swanepoel, and welcome to my course, Optimize Performance for React. I'm a software engineer at GoDaddy, where I get to work on React apps used by millions of people, making It super important for our apps to perform really well. React is an extremely popular web framework known for its great built‑in performance traits, but you still need to be aware of common pitfalls and how to avoid them in order to get the best performance for your React app. This course is a quick introduction to improving the performance of React applications, and only intermediate experience with React is required. Some of the major topics that we'll cover include avoiding wasted rendering, reducing the bundle size of your app, loading components on demand, and caching expensive operation results. By the end of this course, you'll know how to troubleshoot and fix most performance issues in React apps. I hope you'll join me on this journey to learn how to overcome React performance issues with the Optimize Performance for React course at Pluralsight.