React version 16.8 added Hooks, a set of functions that allow you to add state and side effects to function components. In this module you'll learn how to use Hooks in your components! Starting with useState
, we'll cover how to add simple and complex state to your functions. From there we'll look at using useReducer
to handle more complex state. You'll learn how to write reusable custom hooks, too. And we'll talk about how hooks work behind the scenes to demystify the "magic". Finally we'll look at useEffect
and learn how to "think in effects" by converting a few class components to functions with hooks, and learn how to use the useMemo
and useCallback
hooks to optimize your components.