Optimize Performance for React

Focused View

Hendrik Swanepoel

55:50

0 View

1-Course Overview

1 -Course Overview.mp4

01:20

2-Getting Started

2 -Introduction.mp4

02:30

3 -What Youll Need on Your Machine.mp4

01:12

4 -What Youll Be Working On.mp4

01:46

5 -Getting up and Running with the Code.mp4

03:27

6 -An Introduction to the React Profiler.mp4

01:41

3-Fixing Wasted Rendering Issues

7 -Introduction to React Rendering.mp4

02:03

8 -The Virtual DOM.mp4

02:15

9 -Preventing Wasted Renders in a Simple Component.mp4

06:02

10 -Preventing Wasted Renders in Functional Components.mp4

02:47

11 -Preventing Wasted Renders When Dealing with Complex Props.mp4

06:09

12 -Using Immutable Data in Order to Allow for Comparisons.mp4

06:02

13 -Preventing Wasted Renders in Repeated Components.mp4

03:26

4-Fixing Large Bundles and Expensive Operation Issues

14 -Caching Expensive Operation Results.mp4

05:30

15 -Reducing Bundle Sizes.mp4

03:51

16 -Lazy Loading Components.mp4

05:49

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Hendrik Swanepoel

Instructor's Courses

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 of his career he worked with .NET, but the last few years he spent most of his time with JavaScript on both the server and client. Hendrik believes that learning should be fast paced, and without fluff. He hopes this is evident in his courses.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.