• 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

Must Know Hooks

These are the most important and core hooks within React.
01 - useState
02 - useEffect
03 - useContext

Lesser Used Hooks

These hooks are less used, but still important to know.
04 - useRef
05 - useMemo
06 - useCallback
07 - useReducer
08 - useTransition
09 - useDeferredValue

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
11 - useDebugValue
12 - useImperativeHandle
13 - useId

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
15 - Custom Hooks #1-5: useToggle, useTimeout, useDebounce, useUpdateEffect, useArray
16 - Custom Hooks #6-10: usePrevious, useStateWithHistory, useStorage, useAsync, useFetch
17- Custom Hooks #11-15: useScript, useDeepCompareEffect, useEventListener, useOnScreen, useWindowSize
18 - Custom Hooks #16-20: useMediaQuery, useGeolocation, useStateWithValidation, useSize, useEffectOnce
19 - Custom Hooks #21-25: useClickOutside, useDarkMode, useCopyToClipboard, useCookie, useTranslation
20 - Custom Hooks #26-30: useOnlineStatus, useRenderCount, useDebugInformation, useHover, useLongPress

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
22 - use
23 - useActionState
24 - useOptimistic

Conclusion

25 - Conclusion
Survey