Earn Your Business Degree, Tuition-Free, 100% Online!
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course teaches patterns for optimizing React performance, covering re-rendering, memoization, debouncing, throttling, lazy loading, Suspense, virtualization, and concurrency features.
Syllabus
- Performance Patterns
- What’s in Part 1?
- Re-Rendering in React
- Memoization
- The memo
- The useCallback
- the useMemo
- The Derived State
- Debouncing
- Throttling
- Tasks from Part 1
- Advanced Patterns
- What’s in Part 2?
- React Compiler
- Lazy Loading & Suspense
- Component Isolation
- Context Optimizations
- Virtualization
- Concurrency and useTransition
- Deferred Value
- List and Keys
- Tools
- Tasks from Part 2
- One Word of Wisdom
Taught by
freeCodeCamp.org
Reviews
5.0 rating, based on 1 Class Central review
Showing Class Central Sort
-
This course on React Performance Optimization Patterns provides battle-tested techniques for building fast React applications. The video is divided into two parts, covering various strategies to prevent unnecessary re-renders, optimize component behavior, and enhance overall application speed. Some important concepts were covered as Memoization (space-time tradeoff, a technique used in data-intensive application & also recursion algos), Derived State, Debounce, Virtualization, context optimizers. ps: using SSG (Next.js) could improve the the performance to various degree.