React Hooks

Learn React Hooks

Hooks are React utilities that let you use state and other React features without writing a class.

🕓 Last updated today

Knowledge Check

Take this customized & interactive quiz to test your knowledge on React Hooks, then check out the learning resources below.

Question 1 of 8

Which of the following is NOT true of hooks?

  • Hooks allows the conversion of class components to functional components.
  • Hooks can not be used inside loops.
  • Hooks can be used within class components.
  • You can make your own custom hooks.

Core Learning

The fastest way to learn React Hooks is simply to study these exact resources. Focus on the 👀 to learn extra quickly and save time!

Overview of Hooks

👀 2 Things to Focus On

  • Make sure to memorize the Rules of Hooks.
  • Don't worry if you don't understand the two common Hooks yet, we'll take a deeper dive in the other contents.

The State Hook

👀 1 Thing to Focus On

  • Pay attention to and understand the usage of square brackets.

The Effect Hook

👀 2 Things to Focus On

  • Make sure to understand how to optimize the effect Hook using the dependencies array.
  • Note that many effects don't require a cleanup.

All the Hooks!

👀 1 Thing to Focus On

  • You don't have to understand all of them, but refer to this guide when you need to implement logic in React to see if there's one suitable for your use case.