Juguetear / juguetear-web

Web del proyecto de préstamo de juguetes adaptados, desarrollado desde el Taller de ayudas técnicas de APRILP.
https://juguetear-web.vercel.app/
GNU General Public License v3.0
61 stars 27 forks source link

[Investigate]: Buscar una librería para el componente Carousel #142

Closed nykka closed 1 year ago

nykka commented 1 year ago

¿Qué te gustaría agregar a este proyecto?

Necesitamos encontrar una librerería para los carouseles que tenemos en la página (home y juguete).

Screen Shot 2023-01-27 at 17 02 43

Screen Shot 2023-01-27 at 17 02 31

Screen Shot 2023-01-27 at 17 01 57

Screen Shot 2023-01-27 at 17 01 44

Descripción detallada.

Éste tiene que ser lo suficientemente flexible como para:

Además tiene que cumplir con los requisitos para ser accesible: https://www.w3.org/WAI/tutorials/carousels/

Y tiene que funcionar bien en mobile y tablet (con touch)

Carousel en uso: https://www.figma.com/file/FS9WsAYrmkESsmUAGzYdNo/Juguetear?node-id=11%3A374&t=5Bs8UvIXwzjXWJTh-0 https://www.figma.com/file/FS9WsAYrmkESsmUAGzYdNo/Juguetear?node-id=99%3A324&t=5Bs8UvIXwzjXWJTh-0 https://www.figma.com/file/FS9WsAYrmkESsmUAGzYdNo/Juguetear?node-id=18%3A1954&t=5Bs8UvIXwzjXWJTh-0 https://www.figma.com/file/FS9WsAYrmkESsmUAGzYdNo/Juguetear?node-id=18%3A1667&t=5Bs8UvIXwzjXWJTh-0

Código de conducta y licencia.

nykka commented 1 year ago

Esta podría ser una opción https://splidejs.com/integration/react-splide/

Santiago-j-s commented 1 year ago

Existe swiper, va por su octava versión y tiene wrappers para otros frameworks además de react https://swiperjs.com/

Me han dado buenas referencias de la lib aunque no la he probado personalmente

Jadhielv commented 1 year ago

Entre las librerías a sugerir para crear un carrusel en React. Puedo mencionar las siguientes:

nykka commented 1 year ago

Voy a cerrar este issue. Vamos a ir por https://github.com/nolimits4web/swiper Lo usa más gente y el último release fue ayer.