En este tutorial aprenderas a crear una aplicacion web usando React, Nextjs y la api useContext, que permite tener un estado global en toda la aplicacion.
Nextjs13
- Habilitar app directory
- Tailwind en next13 Recuerdad añadir el directorio app en la configuracion de tailwindcss
useContext
La API Context de React, permite crear un estado que puede ser facilmente compartido entre multiples componentes de React, sin la necesidad de pasar datos a traves de props.
En este ejemplo usamos la useContext simplemente con useState, aunque otra forma es utilizar el hook de React, llamado useReducer, el cual permite manejar el estado con el patron Reducir, similar a bibliotecas como Redux.
Para Conocer del manejo de estado:
Tailwind CSS
Adicionalmente en este ejemplo usaremos el Framework de CSS, Tailwind CSS:
Es recomendado que entres en su documentacion y navegues entre sus multiples secciones usando su atajo Ctrl + K.
Otras bibliotecas usadas en ese ejemplo: