DEV Community

Samuel Lucas
Samuel Lucas

Posted on

React hooks

React hooks...what is this? Yep, I know you might have heard of it some how, somewhere but don't have complete knowledge of what it is, if that's the case fear not I'm here to break it down to you the simplest way to digest it.

Let's start with React itself. What is React? In a simple word, it is a JavaScript framework that allows you to write your code easier and faster by reducing the amount of code you have to write, through the already made functions you can call and use; rather than creating yours afresh.. Oh that's a lot.

Now what are hooks? Hooks are now special functions that allow you to access some special functions in react; which will greatly minimize how many lines of code you write.

Let's see some examples that will make it simpler to understand.

Take for example, you want a particular section of your code to run immediately a page loads, you apply useEffect() function in react by importing it as in import {useEffect} from react.
Taking this React function as an example, you can call a function or a part of your code whenever, for example you can have an e-commerce and you want the cart items to increment when a user adds an item to cart, all you do is to check if the increment button was clicked and if it's clicked, increment the cart items by 1. Very simple and basic.

This is just a basic introduction to hooks, you can learn more from the official site https://reactjs.org/docs/hooks-intro.html

Top comments (2)

Collapse
 
scriptkavi profile image
ScriptKavi

Many early birds have already started using this custom hooks library
in their ReactJs/NextJs project.

Have you started using it?

scriptkavi/hooks

PS: Don't be a late bloomer :P

Collapse
 
dhrannya profile image
Daniel🇳🇬

Awesome