Implementación de librería Hammer.JS en React
Para la creación de este proyecto, crearemos un proyecto de React. Para ello deberemos tener instalado el Composer y el Node.js en nuestro ordenador
Una vez instalados, ejecutaremos en la cmd la siguiente línea dentro de la carpeta donde queramos crearlo -> npx create-react-app pruebaapp
Cuando cree el proyecto aplicaremos en la cmd -> cd pruebaapp (pruebaapp es el nombre que quieran darle, debe ser todo minuscula).
Una vez dentro, instalaremos la siguiente línea -> npm install react-hammerjs –force (Aplicamos force, debido a que hay un conflicto con otra carpeta de archivos, si intentamos –save, no nos lo permitira)
Una vez terminado, entraremos en el proyecto creado de React. Para poder usar la librería Hammer deberemos importar la siguiente línea, dentro del componente en el que se vaya a usar
Además, deberemos crear un componente Hammer, el cual hará que se produzca el evento. Os mostramos un ejemplo de cómo declarar un componente Hammer con el recognizer de onPan y onPanEnd , y la documentación de esta librería para echar un vistazo a las posibles recognizers
https://hammerjs.github.io/getting-started/
Para observar con más detalle estas funcionalidades, te adjuntamos el proyecto de GitHub que se muestra en el video, donde encontrarás cada elemento y cada función explicada paso a paso. Un saludo y a seguir programando!
Autor/a: Fernando García Garrido
Curso: Desarrollo Web Full Stack + MultiCloud con Azure y AWS
Centro: Tajamar
Año académico: 2022-2023