¿Qué son los React Hooks y cómo usarlos?

React Hooks son una característica reciente introducida en React 16.8 que permiten usar el estado y otras características de React sin tener que escribir una clase.

En versiones anteriores de React, las funciones de los componentes eran bastante limitadas en comparación con las clases. No podían contener estado o utilizar métodos del ciclo de vida. Pero con la introducción de los Hooks, ahora es posible tener todo esto en funciones de componentes.

A continuación, se muestra un ejemplo de cómo usar un Hook en un componente funcional:

```jsx
import React, { useState } from ‘react’;

function Ejemplo() { // Declara una nueva variable de estado, que llamaremos “count“ const [count, setCount] = useState(0);

return (

Hiciste click {count} veces

); } ``` En este ejemplo, `useState` es un Hook (vamos a ver qué significa esto en un momento). Llamamos a useState y este nos devuelve una pareja de valores: el estado actual y una función que lo actualiza. Esta es la razón por la que escribimos `const [count, setCount] = useState()`. Esto es similar al `this.state.count` y `this.setState` en una clase, pero ahora puedes usarlo en algunos componentes funcionales.

React cuenta con otros Hooks además de useState. Algunos de ellos son useEffect, useContext, useReducer, useCallback, useMemo, useRef, useImperativeHandle, useLayoutEffect, y useDebugValue. Todos estos permiten a los desarrolladores de React hacer cosas que antes solo eran posibles en componentes de clase, pero ahora pueden hacerse en funciones de componentes.