React Performance Optimization Patterns Course

Описание: React makes it easy to build UIs, but building fast React apps is a different skill altogether.

In this hands-on, real-world React Performance Optimization crash course, you’ll learn how React actually re-renders, why your app slows down, and which performance patterns truly matter in production — not just theory, but battle-tested techniques used by senior engineers.

This video is about knowing what to optimize, when to optimize, and how to do it right.

This course was created by @tapasadhikary

📚 Resources
Check out the React Hooks Cheatsheet: https://www.tapascript.io/books/react...
tapaScript YouTube Channel:    / tapasadhikary  
All my articles, handbooks on freeCodecamp: https://www.freecodecamp.org/news/aut...
Join my FREE Course, 40 Days of JavaScript:    • 40 Days of JavaScript - A Complete JavaScr...  
Join my FREE Course, 15 days of React Design patterns:    • 15 Days of React Design Patterns – Write C...  

⭐️ Chapters ⭐️
0:00:00 Performance Patterns
0:01:16 What’s in Part 1?
0:01:37 Re-Rendering in React
0:05:16 Memoization
0:07:44 The memo()
0:12:08 The useCallback()
0:20:33 the useMemo()
0:28:07 The Derived State
0:33:38 Debouncing
0:41:27 Throttling
0:46:32 Tasks from Part 1
0:48:10 Advanced Patterns
0:49:11 What’s in Part 2?
0:50:21 React Compiler
1:00:11 Lazy Loading & Suspense
1:11:31 Component Isolation
1:13:35 Context Optimizations
1:16:57 Virtualization
1:23:46 Concurrency and useTransition()
1:27:41 Deferred Value
1:30:01 List and Keys
1:31:01 Tools
1:32:37 Tasks from Part 2
1:34:08 One Word of Wisdom

🤝 Connect with Tapas

Subscribe to my YouTube Channel:    / tapasadhikary  
Connect on LinkedIn:   / tapasadhikary  
Follow on X:   / tapasadhikary  
Check out my work on GitHub: https://github.com/atapas
Follow tapaScript on GitHub: https://github.com/tapascript
Join tapaScript Discord:   / discord  

❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

🎉 Thanks to our Champion and Sponsor supporters:
👾 @omerhattapoglu1158
👾 @goddardtan
👾 @akihayashi6629
👾 @kikilogsin
👾 @anthonycampbell2148
👾 @tobymiller7790
👾 @rajibdassharma497
👾 @CloudVirtualizationEnthusiast
👾 @adilsoncarlosvianacarlos
👾 @martinmacchia1564
👾 @ulisesmoralez4160
👾 @_Oscar_
👾 @jedi-or-sith2728
👾 @justinhual1290

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news