React Hooks Tutorial 27 | useMemo Hook | Hindi Urdu
📫 Business - [email protected]
💖 Portfolio - https://jawad-rana.com
Facebook - https://www.facebook.com/profile.php?...
Instagram - / futuredimensions360
Tiktok - https://www.tiktok.com/@futuredimensi...
Twitter - / fdimensions360
LinkedIn - / muhammad-jawad-saeed-19b30211b
The useMemo hook in React is used to optimize performance by memoizing values that are expensive to compute. It ensures that the expensive calculation is only done when its dependencies change, rather than on every render.
Explanation
State Management: The component has three pieces of state: num1, num2, and multiplier.
Expensive Calculation: The computeSum function simulates an expensive calculation by logging to the console.
Memoized Values:
The sum is memoized with useMemo so it only recalculates when num1 or num2 changes.
The multipliedSum is also memoized and recalculates only when sum or multiplier changes.
#reactjs #react #javascript #coding #frontend #reactjstutorial #reactjsdeveloper #tutorial #tutorials #programming #reactjsprojects #useMemo
0:00 Introduction
1:07 Example
5:38 Performance Issues
9:18 useMemo