Post Content
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-hooks-cheatsheet
– tapaScript YouTube Channel: https://youtube.com/tapasadhikary
– All my articles, handbooks on freeCodecamp: https://www.freecodecamp.org/news/author/atapas/
– Join my FREE Course, 40 Days of JavaScript: https://www.youtube.com/playlist?list=PLIJrr73KDmRw2Fwwjt6cPC_tk5vcSICCu
– Join my FREE Course, 15 days of React Design patterns: https://www.youtube.com/playlist?list=PLIJrr73KDmRyQVT__uFZvaVfWPdfyMFHC
⭐️ 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: https://www.youtube.com/tapasadhikary
– Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/
– Follow on X: https://twitter.com/tapasadhikary
– Check out my work on GitHub: https://github.com/atapas
– Follow tapaScript on GitHub: https://github.com/tapascript
– Join tapaScript Discord: https://discord.gg/ux9BchWEW3
❤️ 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 Read More freeCodeCamp.org
#programming #freecodecamp #learn #learncode #learncoding
