Hi Coders!!!

The last week I posted in my Linkedin about the hooks in javascript and react in spanish.

https://www.linkedin.com/posts/joedev90_hooks-javascript-react-activity-7252763632265056257-4Whg

I decided to create a post in english and then a series of post to explain in more details about the most used hooks in react.

So Let's check!!

The hooks are functions in javascript to create/access to the state and lifecycles of react components.

The hooks must use which these two rules:

• Must be called on the top level of the app.
• Must call in functions or in other customized hooks of react.

The most common hooks in react:

• useState
• useEffect
• useContext
• useRef
• useReducer
• useLayoutEffect
• useMemo
• useCallback

Finally we also have the way to create our custom hooks

I will have a link to check in details each one, it is in official react documentation.

https://react.dev/reference/react/hooks