React Hooks Simplified

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.

View Now

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