- React Docs
- React Wiki
- w3School React
- Curso de YouTube Midudev
- Curso de YouTube jhonmircha
- Curso de YouTube Dev Ed en Ingles
-
En proceso ...
React es una librería de JavaScript para crear interfaces de usuario de código abierto. Mantenido por Meta y la comunidad de desarrolladores. Que se diferencia de vanilla JavaScript por ser declarativo y no imperativo.
Un hook es una función especial que nos permite "acceder" a los estados y los efectos. Se puede decir que es medio por el cual interactuamos con la interfaz y vamos separando la lógica del diseño
Un componente es una función que recibe unos parámetros o también llamados props y devuelve un elemento HTML que se puede utilizar en diferentes interfaces sin tener que modificar su estructura en gran medida.
JSX es una extensión de JavaScript que nos permite escribir código HTML dentro de JavaScript. Pero teniendo en cuenta que no es código HTML sino JavaScript. Por lo que sera compilado a JavaScript y luego a HTML.
Un estado es una variable que almacena información que puede cambiar con el tiempo. Para ello el Hook useState nos proporciona una valor actual y una función para poner el nuevo valor actual o estado.
Un efecto es una función que se ejecuta cuando el estado cambia o sus dependencias. Pero también se ejecuta al menos una vez.
Un contexto es una forma de compartir datos entre componentes sin pasarlos como props. Para ello el Hook useContext nos proporciona un valor actual y una función para poner el nuevo valor actual o estado.
Crea una referencia mutable que se mantiene durante el ciclo de vida de un componente. Las referencias creadas con useRef son objetos con una propiedad llamada current, que se puede usar para almacenar valores mutables que no desencadenan una re-renderización del componente cuando cambian.
Pueden verse como un useSate que no renderiza la página o una forma de tener id o clases dentro de HTML para poder acceder a los elementos.
Nos permite crear identificadores únicos para elementos en formularios o listas.
Para crear Hooks necesitamos hacerlo como si fuera cualquier función pero utilizando la palabra use dentro del nombre del hook a crear. Son útiles para poder trabajar con otros hooks y separar la lógica de la interfaz.
Nos permite memorizar el resultado de un valor calculado para no se vuelva a ejecutar por cada renderización a menos que cambien las dependencias.
Nos permite hacer la misma operación de useMemo pero con funciones.