React Performance Optimization Patterns Course
React makes it easy to build UIs, but building accelerated React apps is simply a different accomplishment altogether. In this hands-on, real-world React Performance Optimization clang course, youβll study really React really re-renders, why your app slows down, and which capacity patterns genuinely matter successful accumulation β not conscionable theory, but battle-tested techniques utilized by elder engineers. This video is astir knowing what to optimize, erstwhile to optimize, and really to do it right. This people was created by @tapasadhikary π Resources - Check retired the React Hooks Cheatsheet: https://www.tapascript.io/books/react-hooks-cheatsheet - tapaScript YouTube Channel: https://youtube.com/tapasadhikary - All my articles, handbooks connected freeCodecamp: https://www.freecodecamp.org/news/author/atapas/ - Join myCourse, 40 Days of JavaScript: https://www.youtube.com/playlist?list=PLIJrr73KDmRw2Fwwjt6cPC_tk5vcSICCu - Join myCourse, 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 successful Part 1? - 0:01:37 Re-Rendering successful 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 successful 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 pinch Tapas - Subscribe to my YouTube Channel: https://www.youtube.com/tapasadhikary - Connect connected LinkedIn: https://www.linkedin.com/in/tapasadhikary/ - Follow connected X: https://twitter.com/tapasadhikary - Check retired my activity connected GitHub: https://github.com/atapas - Follow tapaScript connected GitHub: https://github.com/tapascript - Join tapaScript Discord: https://discord.gg/ux9BchWEW3 β€οΈ Support for this transmission comes from our friends astatine Scrimba β the coding level 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 codification for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles connected programming: https://freecodecamp.org/news
English (US) ·
Indonesian (ID) ·