DEV Community

Cover image for ✨ 17 React Hooks That Power 90% of Modern Components

✨ 17 React Hooks That Power 90% of Modern Components

Ndeye Fatou Diop on May 20, 2025

New to React? If yes, you’ve probably wondered what hooks you really need—or worse, you’ve been copying the same logic over and over without reali...
Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Let’s agree, we have used useSWR so many times on the client side. The name just sounds cool for some reason.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Ahah indeed! Such a quick way to get started!

Collapse
 
nevodavid profile image
Nevo David

pretty cool list, makes me wish i had this when i started out - you think getting better with react is more about just banging out projects or actually digging into stuff like this every day?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Hello Nevo, super glad you like it!
I think it is a mix. Definitely build projects, but try to explore what is out there. That gives you more tools to use :)

Collapse
 
ruqaiya_beguwala profile image
Ruqaiya Beguwala

Awesome breakdown! As someone learning hooks, this is super helpful. I’ve been using useEffect everywhere—time to explore all these as well.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Super glad you like them! Oh definitely try to reduce the number of times you use effect ;)

Collapse
 
dotallio profile image
Dotallio

This list is ridiculously useful, especially the bonus utility hooks! Curious - which one do you personally use the most in your day-to-day projects?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Super glad you like them! Thanks! If I had to give a top 5, it would be:

  • useState
  • a variant of useSWR/useQuery (I use GraphQL for data loading)
  • useSelector (because I work in a complex React app)
  • useBoolean
  • useRef
Collapse
 
oliver_gm profile image
Oliver Gm

Looks like a great one for the beginners 😁

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks!

Collapse
 
blenderman profile image
BBM

Which of these hooks do you find yourself using the most in your own React projects?