- Free
React Hooks Simplified
- Course
- 28 Lessons
This course covers every single React hook you need to know in order to create any application. This course also covers 30 unique custom hooks to give you inspiration and ideas on how you can create and use React hooks in your application.
Contents
Course Tools
Course Platform Browser Extension
Introduction
00 - Introduction
- 3 mins
- 161 MB
Must Know Hooks
These are the most important and core hooks within React.
01 - useState
- 16 mins
- 390 MB
02 - useEffect
- 13 mins
- 334 MB
03 - useContext
- 13 mins
- 297 MB
Lesser Used Hooks
These hooks are less used, but still important to know.
04 - useRef
- 11 mins
- 214 MB
05 - useMemo
- 10 mins
- 220 MB
06 - useCallback
- 8 mins
- 187 MB
07 - useReducer
- 20 mins
- 418 MB
08 - useTransition
- 8 mins
- 273 MB
09 - useDeferredValue
- 8 mins
- 236 MB
Optional Hooks
These hooks are rarely if ever used. It is a good idea to know what they are and that they exist, but you will most likely not use them much if at all.
10 - useLayoutEffect
- 5 mins
- 95.7 MB
11 - useDebugValue
- 8 mins
- 173 MB
12 - useImperativeHandle
- 9 mins
- 262 MB
13 - useId
- 7 mins
- 206 MB
Custom Hooks
This section details a bunch of custom hook examples. This is to help you get ideas for when and how to create good custom hooks.
14 - How To Create Custom Hooks
- 10 mins
- 215 MB
15 - Custom Hooks #1-5: useToggle, useTimeout, useDebounce, useUpdateEffect, useArray
- 11 mins
- 292 MB
16 - Custom Hooks #6-10: usePrevious, useStateWithHistory, useStorage, useAsync, useFetch
- 13 mins
- 346 MB
17- Custom Hooks #11-15: useScript, useDeepCompareEffect, useEventListener, useOnScreen, useWindowSize
- 9 mins
- 266 MB
18 - Custom Hooks #16-20: useMediaQuery, useGeolocation, useStateWithValidation, useSize, useEffectOnce
- 10 mins
- 191 MB
19 - Custom Hooks #21-25: useClickOutside, useDarkMode, useCopyToClipboard, useCookie, useTranslation
- 11 mins
- 211 MB
20 - Custom Hooks #26-30: useOnlineStatus, useRenderCount, useDebugInformation, useHover, useLongPress
- 9 mins
- 195 MB
Experimental Hooks
These hooks are currently experimental and should not be used in production code. They are also likely to change before being officially released.
21 - useEffectEvent
- 8 mins
- 435 MB
22 - use
- 8 mins
- 398 MB
23 - useActionState
- 9 mins
- 457 MB
24 - useOptimistic
- 9 mins
- 405 MB
Conclusion
25 - Conclusion
- 1 min
- 53 MB
Survey