React 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.
Basic knowledge in React
Are your React apps running slower than you’d like? Are your users getting frustrated with long loading times and choppy performance? If so, this course is for you!In this course, you’ll learn how to optimize the performance of your React apps using a variety of techniques and best practices. You’ll start by learning how to identify wasted renders and how to fix them using memoization and other techniques. You’ll then move on to reducing bundle size, which is a key factor in improving page load times and overall performance.Next, you’ll learn how to cache expensive operations using techniques like memoization and caching, which can greatly improve the performance of your app. You’ll also learn how to load components on demand, which can help reduce the initial load time of your app and improve overall performance.Throughout the course, you’ll work on an engaging demo project to apply what you’ve learned and build your skills. You’ll also have access to me in order to answer your questions and provide feedback on your work.By the end of the course, you’ll have the knowledge and skills you need to optimize the performance of your React apps and provide a faster, smoother experience for your users.Enroll now and take the first step towards becoming a performance optimization expert in React!
Section 1: Course Overview
Lecture 1 Introduction
Section 2: Getting Started
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.
Udemy | English | 1h 18m | 404.14 MB
Created by: Mohammad Ayashi