---
title: "Discussion on \"Most Awesome Hooks for your React project\" | Hashnode"
description: "Discussion on \"Most Awesome Hooks for your React project\". React.js is currently one of the most popular JavaScript libraries for front-end developers. \nReact really changed the way we build Single-page applications (SPAs). One of its greatest features is hooks that introduced in React 16.8 and that new feat..."
url: "https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Most Awesome Hooks for your React project](https://brayanarrieta.hashnode.dev/most-awesome-hooks-for-your-react-project?utm_source=hashnode&utm_medium=feed)

React.js is currently one of the most popular JavaScript libraries for front-end developers. React really changed the way we build Single-page applications (SPAs). One of its greatest features is hooks that introduced in React 16.8 and that new feat...

Apr 26, 2021 · 3 min read · brayanarrieta.hashnode.dev  
Updated May 12, 2021  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#javascript](https://hashnode.com/tag/javascript)

## Written by

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta)

@brayanarrieta · Costa Rica

  
[View profile](https://hashnode.com/@brayanarrieta)

Senior Software Engineer | Machine Learning Passionate | SAFe Scrum Master | AWS Enthusiastic

I'm a software engineer with capabilities for doing application design and software development with several technologies and frameworks. I’m a friendly, organized, responsible person, always focused on achieving the best results, I have clear goals and a great determination to overcome any obstacle that may arise. Always excited about learning and working with newer technologies and methodologies that allow me to create better software solutions and grow professionally.

## Responses 3

Markdown supported · ⌘↵ to post

[Mohamad Ghaith Alzin](https://hashnode.com/@Alzin)

[May 11, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/609a892b5a2dfa679dc78ff7)

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta) Thank you for this very helpful Hooks example usage but I want to point out that there is a little warning that I got with this line of code at the useFetch Hook section,

![1.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620740315942/f53-m8dOB.png)

![2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620740322039/t7tVnamBL.png)

So if you take a look, it seems the useEffect hook depends also on the error value besides the url and options!

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta)

[May 11, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/609a892b5a2dfa679dc78ff7#reply-609a8a4e0375d467ca5c1b23)

That is an error I will correct that thx for the feedback really helpful 👍

[Mohamad Ghaith Alzin](https://hashnode.com/@Alzin)

[May 11, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/609a892b5a2dfa679dc78ff7#reply-609a8d410375d467ca5c1b42)

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta)

It's my pleasure and if you like you can edit the blog and provide people with codesandbox URLs for the above hooks as working examples you can either fork the codes to your workspace on codesnadbox or just use them from my workspace!

-   useTimeout Hook example

[codesandbox.io/s/settimeout-example-timer-qtnih](https://codesandbox.io/s/settimeout-example-timer-qtnih?file=/src/App.js)

-   usePrevious Hook example

[codesandbox.io/s/useprevious-example-luyyj](https://codesandbox.io/s/useprevious-example-luyyj)

-   useInterval Hook example

[codesandbox.io/s/useinterval-hook-timer-s3qb2](https://codesandbox.io/s/useinterval-hook-timer-s3qb2)

-   useFetch Hook example

[codesandbox.io/s/usefetch-hook-json-data-from-a-u…](https://codesandbox.io/s/usefetch-hook-json-data-from-a-url-dymp4)

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta)

[May 11, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/609a892b5a2dfa679dc78ff7#reply-609acec800bbde79d86a500e)

[Mohamad Ghaith Alzin](https://hashnode.com/@Alzin) That sounds great, I will check that change when have some time

[Patryk Eliasz](https://hashnode.com/@patryk0493)

[May 5, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/6092db20a7a3827bb64ccd28)

Do you have any example of `useContructor` hook usage?

[Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta)

[May 5, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/6092db20a7a3827bb64ccd28#reply-6092dbd0a7a3827bb64ccd3b)

I will try to add an example when have some time

[Edidiong Asikpo (Didi)](https://hashnode.com/@didicodes)

[May 5, 2021](https://hashnode.com/posts/most-awesome-hooks-for-your-react-project/60689d4d1ed1783ab0633311/comment/609248758c38d5300e68afc6)

Oh nice, I haven't used most of these hooks yet. But I will definitely check it out.

Thanks for sharing, [Brayan Arrieta Alfaro](https://hashnode.com/@brayanarrieta).