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.
Course info
Rating
(51)
Level
Intermediate
Updated
Apr 16, 2020
Duration
55m
Table of contents
Description
Course info
Rating
(51)
Level
Intermediate
Updated
Apr 16, 2020
Duration
55m
Description

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.

About the author
About the author

In his day job Hendrik is a full stack coder from Cape Town. For a large part of his career he worked with .NET, but the last few years he spent most of his time with JavaScript.

More from the author
React Native: Getting Started
Beginner
1h 49m
Jun 20, 2018
More courses by Hendrik Swanepoel
Section Introduction Transcripts
Section Introduction Transcripts

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.