React Performance
Find and fix slow renders in React apps with profiling, memoization and code splitting.
What you'll learn
- Profile renders with React DevTools and the Performance panel
- Stop unnecessary renders with memo, useMemo and useCallback
- Virtualize long lists
- Split bundles with lazy and Suspense
- Report before and after metrics for each fix
About this course
You start with a deliberately slow React app and measure it with the React Profiler and Chrome DevTools. Each module fixes one class of problem. Your mentor reviews your changes and the numbers behind them.
Course curriculum
5 modules and 15 lessons over 6 weeks. Plan for about 24 learning hours.
01MeasuringWeek 1 · 3 lessons
- React Profiler
- Performance panel basics
- Setting a baseline
02Render controlWeek 2 · 3 lessons
- Why components re-render
- memo, useMemo, useCallback
- State placement
03Large dataWeek 3 · 3 lessons
- List virtualization
- Pagination versus infinite scroll
- Debouncing input
04LoadingWeek 4 · 3 lessons
- Code splitting with lazy
- Suspense boundaries
- Image and font loading
05Performance reportWeeks 5–6 · 3 lessons
- Applying fixes to the sample app
- Mentor review of your changes
- Before and after report
Project
Performance report. You speed up a supplied slow React app and document each fix with before and after measurements.
Who this course is for
Developers who build React apps and see lag, long load times or wasted renders.
Prerequisites
You build React apps with hooks and have used an API in React.
What's included
- 6-month course access
- Project repository
- Coding labs
- Two mentor reviews
- Office-hours access
- Implementation checklists
- A digital completion certificate
Learning format
Mentor-supported online program, part of our mentor-supported programs. Two mentor reviews and office hours.
Access and delivery
- Enrollment confirmation is provided within 1 business day.
- Mentor reviews are returned within 2 business days of submission.
- Office-hours access begins during the first program week, and final completion materials are issued within 2 business days.
Certificate
You receive a digital completion certificate. Office-hours access begins during the first program week, and final completion materials are issued within 2 business days.
Frequently asked questions
When does access start?
Enrollment confirmation is provided within 1 business day.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for mentor-supported programs.
