Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Optimize Performance for React

via Pluralsight

Overview

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.

Syllabus

  • Course Overview 1min
  • Getting Started 10mins
  • Fixing Wasted Rendering Issues 28mins
  • Fixing Large Bundles and Expensive Operation Issues 15mins

Taught by

Hendrik Swanepoel

Reviews

4.9 rating at Pluralsight based on 157 ratings

Start your review of Optimize Performance for React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.