React Performance Optimization

React Performance Optimization
Published 4/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz

Boost Your React App’s Speed and Efficiency with Proven Techniques for High-Performance Optimization

What you’ll learn

Identify and fix wasted renders in React apps using techniques like memoization and shouldComponentUpdate.

Reduce bundle size and improve page load times using tools like webpack and code splitting.

Cache expensive operations using techniques like memoization and caching, and improve performance in complex apps.

Load components on demand using techniques like lazy loading and Suspense, and reduce initial load time for improved user experience.

Apply best practices for performance optimization in React, including use of the React Profiler tool and performance measurement and analysis.

Work on ready demo project to apply what you’ve learned and build your skills in performance optimization for React applications.

Requirements

Basic knowledge in React

Basic programming skills in Javascript

Description

Overview

Section 1: Course Overview

Lecture 1 Introduction

Lecture 2 Introduction

Lecture 3 Course requirements

Lecture 4 The demo project

Lecture 5 Getting up and running with the demo codes

Lecture 6 Introduction to the React Profiler

Section 3: Fixing Rendering Issues

Lecture 7 Introduction to React Rendering

Lecture 8 The Virtual DOM

Lecture 9 Preventing Wasted Renders in a Simple Component

Lecture 10 Preventing Wasted Renders in Functional Components

Lecture 11 Preventing Wasted Renders When Dealing With Complex Props

Lecture 12 Using Immutable Data in Order to Allow for Comparisons

Lecture 13 Preventing Wasted Renders in Repeated Components

Section 4: Fixing Large Bundles and Expensive Operations issues

Lecture 14 Catching Expensive Operations

Lecture 15 Reducing Bundle Sizes

Lecture 16 Lazy Loading Components

Section 5: Course Recap

Lecture 17 Course Recap

React Developers looking to improve the performance of their applications.,Web Developers looking to learn how to optimize React apps for speed and efficiency.,Front-End Developers interested in mastering performance optimization techniques in React.,Anyone seeking to build high-performance React applications that provide a fast and smooth user experience.