This article intends to make your journey of learning React hooks a bit easier, as you get all important articles regarding the HOOKS at the same place. Special thanks and love goes to authors of these articles. Happy Learning ❤

Hooks are a new feature proposal that lets you use state and other React features without writing a class. They’re currently in React v16.7.0-alpha and being discussed in an open RFC.

1. Vue JS hooks and React JS Hooks at a glance (hint: it’s not that complex)

Summary: This article is a basic starter regarding the uses of hooks in React JS and Vue JS. A few code examples are given, how we had done before without hooks and how it can be re-written by hooks in both React JS and Vue JS.

2.Everything you need to know about React Hooks

Summary: This article focuses on 11 new functions in all that should enable the full range of functionality that we use classes and the lifecycle for today.

useState

useEffect

useContext

useCallback

useMemo

React.memo (Not a hook, but new)

(Not a hook, but new) useReducer

useRef

useLayoutEffect

useImperativeMethods

useMutationEffect

3. Making Sense of React Hooks

Summary: This article is written by Dan Abramov, one of the writers of Hook itself. It describes, why React team introduced hooks, story behind it, and benefits that React Hooks bring us.

4. Writing Custom React Hooks for GraphQL

Summary: This is all about, How to create custom React hooks to handle common GraphQL operations.

5. React hooks: not magic, just arrays

Summary: The author presented a model for how to think about using the new API for those that are struggling to understand the reasons for those rules or hooks.

6. Global state management with React Hooks

Summary: This article has intention to introduce hooks and how to extend them. Creating Custom Hooks, using them and Global state management are the content of this article.

7. How to convert withRouter to a React Hook

Summary: Pub-sub, short for “publish-subscribe,” is a programming methodology wherein a set of subscription processes become notified when an update is published.This article should serve as a tutorial for implementing a React hook with pub-sub functionality.

Disclaimer from React JS about using Hooks:

Finally, there is no rush to migrate to Hooks. We recommend avoiding any “big rewrites”, especially for existing, complex class components. It takes a bit of a mindshift to start “thinking in Hooks”. In our experience, it’s best to practice using Hooks in new and non-critical components first, and ensure that everybody on your team feels comfortable with them. After you give Hooks a try, please feel free to send us feedback, positive or negative.

Disclaimer from Vue JS about using Hooks:

Totally experimental, don’t use this in production.

Interested to know more about Hooks?

You can read more about hooks from the React DOC, here.

Happy Hooking, Hope you’ve enjoyed this post :)