🪄✨ Made with SummarizeYT 0:00 - Introduction to React hooks and their importance in building React apps. 0:18 - Overview of the eight major categories of React hooks. 1:04 - Explanation of `useState` as a fundamental hook for managing component state. 2:16 - Introduction to `useReducer` for complex state management. 3:20 - Discussion on `useSyncExternalStore` and its limited use case. 3:38 - Definition of effect hooks and their role in performing side effects. 4:52 - When to use `useEffect` for synchronizing React code with browser APIs. 5:08 - Explanation of `useLayoutEffect` and its timing in the rendering process. 5:49 - Introduction to `useInsertionEffect` for CSS-in-JS library developers. 6:05 - Effect hooks can read from the layout, like effects refs. 6:15 - The `useRef` hook allows remembering data without triggering a render. 6:39 - Refs are mutable, while state is immutable, allowing direct modification. 7:00 - Use imperative handle to forward refs and expose methods to parent components. 7:42 - `useMemo` caches previous results to improve performance for expensive computations. 8:25 - `useCallback` prevents callback functions from being recreated on each render. 9:01 - `useContext` reads context values from a context provider. 9:26 - `useTransition` marks certain state updates as non-urgent for better responsiveness. 10:18 - `useDeferredValue` schedules updates at optimal times for improved user experience. 11:15 - `useId` creates unique IDs for form inputs, ensuring no conflicts.
Thank you for this series, by far the most I have gotten out of videos on React. How does using a framework make writing react apps different (and in what way does it abstract away using useState) ?
About the Bootcamp - Saw two bad review comments on Reddit- It seems there’s hardly anything there… I backed out. Such a shame given the excellent videos shared on TH-cam
@@VuDangQuangFPLHCM you could build alot of apps using just useState, useEffect, useContext, and useRef. Once you hit enterprise level you might start using more but those are the basic ones
the amount of information in one video is mind bogg!!
the joke about useId is quite hilarious, i was thinking same :)
Million dollar Video to fresh Up !!!! Thanks For This !! And you earned a Subscriber
You video seems to give off some cozy vibes with those graphics and sounds. Makes me feel like coding in summer camp ⛺🌄
True
You ARE a legend, mate. That was quite helpful for me
🪄✨ Made with SummarizeYT
0:00 - Introduction to React hooks and their importance in building React apps.
0:18 - Overview of the eight major categories of React hooks.
1:04 - Explanation of `useState` as a fundamental hook for managing component state.
2:16 - Introduction to `useReducer` for complex state management.
3:20 - Discussion on `useSyncExternalStore` and its limited use case.
3:38 - Definition of effect hooks and their role in performing side effects.
4:52 - When to use `useEffect` for synchronizing React code with browser APIs.
5:08 - Explanation of `useLayoutEffect` and its timing in the rendering process.
5:49 - Introduction to `useInsertionEffect` for CSS-in-JS library developers.
6:05 - Effect hooks can read from the layout, like effects refs.
6:15 - The `useRef` hook allows remembering data without triggering a render.
6:39 - Refs are mutable, while state is immutable, allowing direct modification.
7:00 - Use imperative handle to forward refs and expose methods to parent components.
7:42 - `useMemo` caches previous results to improve performance for expensive computations.
8:25 - `useCallback` prevents callback functions from being recreated on each render.
9:01 - `useContext` reads context values from a context provider.
9:26 - `useTransition` marks certain state updates as non-urgent for better responsiveness.
10:18 - `useDeferredValue` schedules updates at optimal times for improved user experience.
11:15 - `useId` creates unique IDs for form inputs, ensuring no conflicts.
please explain Redux too like this, really loved your content
in useId you definitely knew what i was thinking🤣🤣🤣
Although it does not teach everything you need to know but it teaches everything you shouldn't be scared of
Thank you for this series, by far the most I have gotten out of videos on React. How does using a framework make writing react apps different (and in what way does it abstract away using useState) ?
Best videos for REACT ever!!!
good stuff! can't wait for React 19!
About the Bootcamp - Saw two bad review comments on Reddit- It seems there’s hardly anything there… I backed out.
Such a shame given the excellent videos shared on TH-cam
Very good and clear explanation 👏
Thanks for your wonderful explanation!
Simply superb
Really like your content, It was so helpful, Can you please upload video regarding redux and life cycle
2:58 I think its a error on the screen. switch cases name and dispatch type isn't same I think this code will not work. Am i right ?
Since you can explain this so well, can you explain about using async function in context? 🙏
great video very informative.
Could you please create a video on JavaScript Data Structures and Algorithms
who is here before the interview ?? 👇👍
Great content , make some videos on JavaScript
ok. Can you please share what you use to do presentation?
Thanks for the visuals. Really nice
Nice video. Informative and entartained.
could you make a tutorial about redux?
Nice animation. What is the name of this software?
Most programs will only use 3-4 of these hooks
could you please help me know what they are? thank you
@@VuDangQuangFPLHCMuseState, useEffect, useContext, useRef, sometimes you're most likely to use useReducer and useMemo as they're are more specific
@@VuDangQuangFPLHCM you could build alot of apps using just useState, useEffect, useContext, and useRef. Once you hit enterprise level you might start using more but those are the basic ones
@@VuDangQuangFPLHCM useState, useEffect, useRef and useContext
@@VuDangQuangFPLHCM useState useMemo useCallback useEffect useRef are the most important for me then comes things like useDeferedValue
Please make video on redux and toolkit
Can anybody share your experience of his bootcamp!?
Nice one.
Please make video on redux too
what did you use to make your illustrations?
Good, wonderful
good videos bud
2:12 prev + 1
Accurate.
1:23 opensuse
11.25 nice one 😂😂
Please moste more videos
Hmmm interesting
04:25
08:30
09:30
great
Besstttt❤❤❤
Dope!
So, against all better judgment and options, you decided to use react. Enjoy the pain.
Which hook uninstalls react and installs svelte 😂
😅 but why?
Skill issue
useSvelte
@@thedavistheory7674dude...
Ctrl + Alt + Delete
Then Restart
Please put more ads and ads ands more and more
Too much adds for a 12 min video. Let me call it the hunger games… 💩