CAROUSEL | SLIDER en REACT

Поділитися
Вставка
  • Опубліковано 6 лют 2025
  • REDES SOCIALES:
    ► Website: codigomentor.com/
    ►Síguenos en FACEBOOK: / codigomentor
    Cursos de programación
    NECESITAS INGLES para ser programador? • ¿Necesitas APRENDER IN...
    Source code: github.com/cod...
    Tutoriales de programación
    CURSO DE HTML: shorturl.at/grGKX
    CURSO DE CSS: shorturl.at/flLQ8
    CURSO DE JAVASCRIPT en 30minutos: shorturl.at/ACMR4
    CURSO DE COMPLETO DE JAVASCRIPT: shorturl.at/qryEF
    CURSO DE REACT en 30 minutos: shorturl.at/bnrV3
    CURSO DE REACT: shorturl.at/tGIXZ
    CURSO DE ANGULAR: shorturl.at/dnpvF
    CURSO DE NGRX ANGULAR: shorturl.at/kNST6
    CURSO DE NODEJS: shorturl.at/tRY68
    CURSO DE PHP: shorturl.at/beijZ
    CURSO DE PYTHON: shorturl.at/pquZ6
    CURSO DE LARAVEL: shorturl.at/gkGS6
    Systema de Login con PHP y envios de correo electrónico: shorturl.at/awMPZ
    CONTECTARSE A Dase de DATOS con JDBC y JAVA: shorturl.at/bPXZ2
    CURSO DE JSON: shorturl.at/cRX25
    CURSO DE JAVA: shorturl.at/HKV36
    CURSO DE JQUERY: shorturl.at/gyXY0

КОМЕНТАРІ • 25

  • @victorcervantes4779
    @victorcervantes4779 Рік тому +4

    Excelente video, no solo explicas los posas sino también el porqué de los mismos, buenazo para los que somos neófitos, además de que la voz es clara y no es monótona, fácil de seguir el video.

  • @nahuelmonteagudo9282
    @nahuelmonteagudo9282 Рік тому +2

    Este video debería tener más likes...
    Muy bueno el contenido del vídeo, a penas estoy aprendiendo react, espero poder implementar todo correctamenta, saludos!

  • @gaelalejandroseguramendo-jt4wn

    Justamente estaba buscando algo como esto, muchas gracias:D

  • @jimmyortega606
    @jimmyortega606 Рік тому +2

    El video me sirvió de mucho, gracias

  • @mastermaster153
    @mastermaster153 Рік тому +4

    Excelente, si para la próxima quieren ahorrarse tiempo hay un paquete llamado Swiper muy bueno para silders de todo tipo

    • @CodigoMentorTutoriales
      @CodigoMentorTutoriales  Рік тому +3

      Gracias amigo. Instalando ese paquete Swiper estarías instalando cosas que tal vez no utilices como documentos, configuraciones, código innecesario, pero claro seria opcional para ahorrar tiempo. Saludos :)

  • @lucianodeniro6475
    @lucianodeniro6475 11 місяців тому +1

    muchas gracias

  • @EmprendeRicoEmprendePobre
    @EmprendeRicoEmprendePobre 9 місяців тому

    Está muy bueno, pero si las imagenes no están dentro de la carpeta public, no me deja acceder a ellas. Probe poniendolas como tú en assets/images y no hubo caso.

  • @diegoandresbaenajimenez8140
    @diegoandresbaenajimenez8140 Рік тому +2

    Muy bueno el video, pero tengo un inconveniente cuando usas scrollIntoView hace que la pagina apenas se cargue el scrool de toda la pagina se acomoda a esa imagen o si selecciono una imagen el scrool de toda la pagina se acomoda a eso, hay otra forma de hacer que se pacen las imagen sin necesidad de que se active un scrool automatico?

    • @Camiloanakin
      @Camiloanakin Рік тому

      Parece que no funciona si tienes una barra lateral de scroll

    • @gonzalobenedetti8561
      @gonzalobenedetti8561 Рік тому +1

      Es porque por defecto la propiedad block de scrollIntoView es start. Cambiala por end

    • @edisonvenegas2173
      @edisonvenegas2173 7 місяців тому +1

      @@gonzalobenedetti8561 tenia el mismo problema, en cada renderizado del componente hacia scrol automático hacia abajo, gracias!

    • @carlosramirezcuenca2321
      @carlosramirezcuenca2321 Місяць тому

      ​@@edisonvenegas2173Para corregir eso debes poner en scrollIntoView también la propiedad block "nearest"

  • @WilliamGRojas
    @WilliamGRojas Рік тому

    Esta bueno el video, usaste alguna herramienta para que te carguen las imagenes?. Porque intente varios metodos ademas de probar la ruta de las imagenes pero no me cargan las imagenes

    • @sach8706
      @sach8706 9 місяців тому +1

      tene en cuenta que estas parado desde el nivel en el que está "index.html", así que si tus imagenes estan en un src/images deberías hacer "./src/images/nombre_imagen.extensión"

  • @CodigoMentorTutoriales
    @CodigoMentorTutoriales  Рік тому +2

    Carousel | slider en React

  • @Crismack07
    @Crismack07 10 місяців тому

    buen video, el unico defecto que le veo es que no es responsive

  • @gms987654321
    @gms987654321 Рік тому +1

    excelente video