Back to Browse

Understand React #3 | useCallback | useMemo | useFetch custom hook | optimization | pure component

532 views
Streamed live on Mar 13, 2022
1:38:14

Hi there, This video is part of the 'Understand React' series https://www.youtube.com/playlist?list=PLo3VSUpDu--c6jNNsTZxDbUDeSzIb5E8i In this session, I cover the following concepts, 1. useRef() hook, ref prop 2. Pure Component, shouldComponentUpdate() 3. React.memo() higher-order component 4. useMemo() hook 5. useCallback() hook 6. useFetch(url) custom hook React slides (works only on laptop/desktop): https://ak-react-slides.netlify.app All my content: https://bio.link/apurvkhare Custom configure React App: https://github.com/apurvkhare/react-app-biolerplate Git repo for the code: https://github.com/apurvkhare/understand-react-session-2-3 Timestamps 00:00 stream about to start 03:40 previous session revision 11:20 useRef() hook 22:00 Pure component 31:10 React.memo() HOC 46:30 useMemo() hook 56:38 useCallback() hook 01:02:16 memoization caveat in React 01:05:00 QnA 01:07:55 break 01:12:15 topics discussion 01:14:45 useFetch() custom hook 01:24:05 conditional rendering while fetching 01:34:30 QnA 01:37:00 stream ends

Download

1 formats

Video Formats

360pmp4159.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Understand React #3 | useCallback | useMemo | useFetch custom hook | optimization | pure component | NatokHD