Optimize Performance for React
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.
What you'll learn
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.
Table of contents
- Introduction to React Rendering 2m
- The Virtual DOM 2m
- Preventing Wasted Renders in a Simple Component 6m
- Preventing Wasted Renders in Functional Components 3m
- Preventing Wasted Renders When Dealing with Complex Props 6m
- Using Immutable Data in Order to Allow for Comparisons 6m
- Preventing Wasted Renders in Repeated Components 3m
About the author
Hendrik kicked off his career in 2000 installing MS Outlook on PCs in coal mines throughout South Africa. Seriously. He had to wear a hard hat and everything. Luckily he got his foot into the door at a company that allowed him to play around with code. At a desk. Without a hard hat. In his day job Hendrik is a full stack coder from Cape Town, but at night he is a closet designer - meaning, a graphic designer too scared to share it with everyone, not someone that designs closets. For a large part... more