React Router Dom V6 - Tutorial Práctico desde Cero

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024

ความคิดเห็น • 202

  • @JuanCarlos-ox3dc
    @JuanCarlos-ox3dc 2 ปีที่แล้ว +43

    Como siempre Fazt dictando cátedra con sus clases magistrales. Se te entendió todo. It´s was amazing!

  • @mauriciobetancur8841
    @mauriciobetancur8841 2 ปีที่แล้ว +44

    Hace días tenia problemas con esto ya que estaba siguiendo un tutorial tuyo de react antiguo, pero siempre sales con un video cuando más se necesita jajaja. Saludos fazt :)

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว +5

      Saludos Mauricio

    • @rocioy2136
      @rocioy2136 2 ปีที่แล้ว +1

      Tal cual , me pasaba lo mismo, Fazt es lo más ❤

  • @alexiszanotti949
    @alexiszanotti949 2 ปีที่แล้ว +2

    La verdad, es que encuentro poco contenido explicado de manera tan clara como el tuyo! Mil gracias!

  • @maximo_vj
    @maximo_vj ปีที่แล้ว

    Gracias bro, pense qué ya me había vuelto loco... Yo recordaba React Router diferente xD

  • @josedanielrodriguez3348
    @josedanielrodriguez3348 ปีที่แล้ว +1

    el contenido que creas salva vidas y vale oro, de verdad muchas gracias! ahora voy al video de rutas protegidas

  • @leandrogutierrez773
    @leandrogutierrez773 2 ปีที่แล้ว

    fazt muchas graciasssss!!!!!!!!!!!!!!!!! --- por si a alguno no le funciona el link o no le aparece ... aprox en el min 35:00 simplemente envuelvan el texto en una etiqueta y listo..., hohola

  • @herminsulparra1787
    @herminsulparra1787 ปีที่แล้ว

    Acabo de aprender Router v6 gracias a ti. Muchas gracias 🥳🥳

  • @DACayus
    @DACayus 2 ปีที่แล้ว +2

    Amé lo claro que explicó el modulo React Router, hice el ejercicio paso a paso y me sirvió muchisimo para el curso de React que estoy aprendiendo, Mil Gracias !!!

  • @jorge.sepulveda.turpie
    @jorge.sepulveda.turpie 5 หลายเดือนก่อน

    Justo lo que necesitaba para poder entender react-router-dom, muchas gracias por las enseñanzas......

  • @josuepimentel2488
    @josuepimentel2488 ปีที่แล้ว

    solo un calificativo para ti.. Crack!!
    Gracias por compartir tu conocimiento bro!

  • @kevinalexandervirgilioroja6843
    @kevinalexandervirgilioroja6843 2 ปีที่แล้ว +1

    Gracias bro, yo tenia el error del route hijo, no me mostraba la información, no sabia que había que ponerle path="vista/*" , esto * era lo que me faltaba jajajaja.

  • @juliopaez9989
    @juliopaez9989 2 ปีที่แล้ว

    Fazt excelente, estaba perdido, no sabia como volver después de cargar un formulario, tu explicación me salvo. Muchas Gracias

  • @andresTorrecilla14
    @andresTorrecilla14 ปีที่แล้ว +1

    Gracias brother de verdad me has salvado la vida estaba buscando un curso de reac router dom, excelente curso

  • @rogerionascimento1989
    @rogerionascimento1989 2 ปีที่แล้ว +3

    Este é o guia completo sobre o assunto, deveria ser anexado a documentação oficial, parabéns 👏👏👏

  • @leonisocamponieves8941
    @leonisocamponieves8941 2 ปีที่แล้ว +1

    Muy buen contenido, Fazt. ¡Muchas gracias!

  • @LCaraballo
    @LCaraballo 8 หลายเดือนก่อน

    Eres genial hermano! pude reforzar muy bien. Muchisimas gracias!!

  • @gonaz
    @gonaz 2 วันที่ผ่านมา

    Muchas gracias, faltó un poco la explicación de children, me hubiese gustado una explicación sobre eso. Gracias por el esfuerzo

  • @abderrahimanejjar91
    @abderrahimanejjar91 2 ปีที่แล้ว +2

    Esta version es mucho mejor que la anterior, gracias por el tutorial 👏🏻👏🏻

  • @CG-ly8wj
    @CG-ly8wj 2 ปีที่แล้ว

    Es la cuarta vez que miro este video completo, a ver si esta vez me queda en la cabezota jaja

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว

      Siempre puedes hacer tus dudas y si algo no entiendes hasta se puede grabar un video del tema. Te recomiendo dejarlo en un nuevo comentario si es el caso, porque no me llegan notificaciones de respuestas solo de nuevos comentarios. Saludos :D

  • @eduardogomezmorales
    @eduardogomezmorales 2 ปีที่แล้ว +2

    justo toda la semana llevaba batallando con esto gracias! otro video muy util como siempre

  • @Rafaelv570
    @Rafaelv570 2 ปีที่แล้ว

    tienes un don impresionante, felicidades por tu talento para programar y enseñar

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว

      Gracias Rafa

  • @hernangarcia77
    @hernangarcia77 2 ปีที่แล้ว +1

    Buen video, muchas gracias!!
    Algo curioso que descubri por casualidad, estaba probando el activeClassName="active" de la version anterior y si funciona, ahora, lo curioso es que si dejamos la clase active en el css y no ponemos nada en el componente (esto es, ni classname={({isActive})} => (isActive ? "active" : "") ni tampoco activeClassName="active") funciona igual 😉

    • @GerdSa
      @GerdSa 2 ปีที่แล้ว

      al momento de ver el video notaba que los otros link tambien cambiaban de color y entonces decidi quitarlo el className y en verdad funciona, al final fazt no dejo claro porque pasaba eso , tu lo supiste?

  • @JuanCamba81
    @JuanCamba81 ปีที่แล้ว

    Buenisimo como siempre. Muy exacto, directo al grano y todo muy resumido.

  • @luisblanco2768
    @luisblanco2768 2 ปีที่แล้ว

    Excelente video como siempre... Exitos y mil gracias.

  • @sdfsfsfd437
    @sdfsfsfd437 2 ปีที่แล้ว +1

    Muy buen vídeo. Estaba estudiando la versión 5 pero quería pasar a la versión 6 y tenía problemas con los cambios. Gracias a tu video y explicaciones he podido hacer el cambio. Muchas gracias.

  • @ericengelmann9655
    @ericengelmann9655 2 ปีที่แล้ว

    Fatz has mejorado mucho en tu explicacion. saludos desde argentina

  • @DarkerDark1
    @DarkerDark1 ปีที่แล้ว

    por fin alguien que enseña desde cero a usar esta cosa otros ya tienen codigo escrito y no se entiende

  • @roddy_21_25
    @roddy_21_25 10 หลายเดือนก่อน

    El mejor curso sin dudas

  • @juanduque6393
    @juanduque6393 2 ปีที่แล้ว

    Hiciste un video excelente, te debo la vida

  • @rogerurbano8965
    @rogerurbano8965 2 ปีที่แล้ว

    Excelente!!! Muy buena explicación use la versión 5 hace un par de años y ahora me veo con la sorpresa de que han actualizado, pero con tu método de enseñanza se me hizo muy fácil. Gracias.

  • @joelbarreraarotoma1632
    @joelbarreraarotoma1632 2 ปีที่แล้ว

    Mereces un nobel

  • @richardramirez5746
    @richardramirez5746 ปีที่แล้ว

    Creo en Fazt todopoderoso que me fortalece

  • @agustinlevental7488
    @agustinlevental7488 2 ปีที่แล้ว

    Hermano este video ale oro .Te felicito y aliento a que hagas mas videos como estos! felicitaciones!!!

  • @outletshelssy
    @outletshelssy 2 ปีที่แล้ว

    Muchas gracias por este excelente video.

  • @German-zq7gc
    @German-zq7gc 2 ปีที่แล้ว

    GENIOOOOOOO JUSTO LO QUE NECESITABA PAPAAAA

  • @francopaolorossi
    @francopaolorossi 2 ปีที่แล้ว

    siempre @Fazt larga el tutorial preciso en el momento que uno lo necesita

  • @joelpumasunam90
    @joelpumasunam90 2 ปีที่แล้ว

    Muchas Gracias Fazt, siempre aprendo cosas nuevas con tu contenido!!!

  • @geniusdesign7306
    @geniusdesign7306 2 ปีที่แล้ว

    Muchas gracias por tu aporte hermano, justo venia teniendo dolores de cabeza con la nueva versión. Gracias mil!

  • @mikeskold89mm
    @mikeskold89mm 2 ปีที่แล้ว

    me gustan tus cursos, son bien explicados y dedicados. Deberias tener cursos en udemy, que incluyan proyectos y ser mas extensos, yo te los compraria sin dudarlo. muchas gracias

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว +2

      Lo tendré muy en cuanto Miguel. Estoy creando algunos ejemplos avanzados y prácticos. Muy pronto los anunciaré :)

  • @Randomize-md3bt
    @Randomize-md3bt 2 ปีที่แล้ว

    GRANDE FAZT GRACIAS POR MUCHO Y PERDON POR TAN POCO

  • @bazc_prod
    @bazc_prod 2 ปีที่แล้ว

    Gracias Fazt... eres un pro!

  • @miguelangelriconavarro7165
    @miguelangelriconavarro7165 2 ปีที่แล้ว

    Muy buen video Fazt, saludos

  • @enriquegreen7369
    @enriquegreen7369 2 ปีที่แล้ว

    Altos videos amigo, espectacular

  • @donovanvillanueva5281
    @donovanvillanueva5281 9 หลายเดือนก่อน

    Aqui en 2023, bueno casi 2024 aprendiendo, buen contenido !

  • @justavzz7163
    @justavzz7163 2 ปีที่แล้ว

    me gusto mucho, me hubiese encantado que enseñaras rutas privadas que es algo que si se pide mucho, espero leas este comentario y lo tomes en cuenta . gracias

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว +2

      Por supuesto, es muy necesario, voy a elaborar un video del tema pronto

  • @juanochando7146
    @juanochando7146 2 ปีที่แล้ว

    gracias bro, ya entendi React Router Dom

  • @andresdeveloper9809
    @andresdeveloper9809 2 ปีที่แล้ว

    Entendible muchas gracias, buena y rápida introducción

  • @joelrojas6970
    @joelrojas6970 2 ปีที่แล้ว

    Magistral esta clase, muy bien explicado todo

  • @lacacode
    @lacacode 2 ปีที่แล้ว

    Que buen contenido maestro!!!

  • @peblo_benedix
    @peblo_benedix 2 ปีที่แล้ว

    Excelentisimo Fazt, muchisimas gracias por estos tutoriales :)

  • @eliasvillalba4608
    @eliasvillalba4608 2 ปีที่แล้ว +1

    Mil gracias!

  • @ehumerezu
    @ehumerezu 2 ปีที่แล้ว

    Sos un crack. Enseñas muy bien, éxitos!

  • @jaeger12psx
    @jaeger12psx 2 ปีที่แล้ว

    Impecable como siempre Fazt. Magnifico video.

  • @jessi9522
    @jessi9522 2 ปีที่แล้ว

    Muy buena clase, muchas gracias. Exitos con tú canal

  • @cecibenitez3917
    @cecibenitez3917 2 ปีที่แล้ว

    Ey!! te quedo genial el vídeo! gracias a este rápido tutorial ya hice upgrade a la version 6 :D

  • @brayanpuentesruiz4160
    @brayanpuentesruiz4160 2 ปีที่แล้ว

    JUSTO LO QUE NECESITABA! Que grande eres bro

  • @kevinguzman1929
    @kevinguzman1929 2 ปีที่แล้ว

    Muchas gracias por el contenido Fazt! Bendiciones!!!

  • @johnfriend2010
    @johnfriend2010 2 ปีที่แล้ว

    muchisimas gracias excelente video y magnifica explicacion se te agradece mucho

  • @Bianca726-v5f
    @Bianca726-v5f ปีที่แล้ว

    Muy bien explicado !

  • @vlad6075
    @vlad6075 2 ปีที่แล้ว

    Por qué al equipo de react le encanta complicar el front-end? :v lo veo más sencillo en vue. Buenísimo el tutorial Fazt!

  • @egan36
    @egan36 2 ปีที่แล้ว

    Gracias fazt lo estaba esperando! Abrazo!

  • @bluemountains8824
    @bluemountains8824 2 ปีที่แล้ว

    Una maravilla la explicacion. Muchas Gracias !!

  • @davidespinoza1469
    @davidespinoza1469 2 ปีที่แล้ว

    Excelente. Gracias!

  • @lindltaylor4093
    @lindltaylor4093 2 ปีที่แล้ว

    Cómo siempre fazt muy actualizado gracias fazt 👍

  • @robertobenedit
    @robertobenedit 2 ปีที่แล้ว

    Mi dios que bellleza de explicacion.

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว

      Un gusto que te sirva Roberto :)

  • @ccmarin14
    @ccmarin14 ปีที่แล้ว

    Fazt, muchisimas gracias

  • @mariolopezbarceinas1752
    @mariolopezbarceinas1752 2 ปีที่แล้ว

    Tremenda clase amigo, muchas gracias por compartir :D

  • @jsubvee
    @jsubvee 2 ปีที่แล้ว

    Gracias lo necesitaba

  • @martincarp4671
    @martincarp4671 2 ปีที่แล้ว

    justo necesitaba esto de la V6!

  • @Eroquel07
    @Eroquel07 2 ปีที่แล้ว

    Excelente tutorial, muchas gracias.

  • @fernandojosefloresmendoza4504
    @fernandojosefloresmendoza4504 2 ปีที่แล้ว

    Me gusta mucho tu tema de VsCode 🥺
    Podrias compartirlo? 🥺

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว

      Hola Fernando, el tema se llama Material Theme

  • @moralex74
    @moralex74 2 ปีที่แล้ว

    Super, Gracias

  • @garren666
    @garren666 2 ปีที่แล้ว

    excelente video amigo

  • @AliLopez
    @AliLopez 2 ปีที่แล้ว

    Gracias Fazt!

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว

      a ti por comentar :)

  • @cristiancena5757
    @cristiancena5757 ปีที่แล้ว

    Gracias Fazt

  • @jonasroman2304
    @jonasroman2304 2 ปีที่แล้ว

    Grande crack resolviste todas mis dudas 🤩

  • @darioblasco1618
    @darioblasco1618 2 ปีที่แล้ว

    Simplemente genial este vídeo 🤙🏽

  • @jpvladsa235
    @jpvladsa235 2 ปีที่แล้ว

    video de 10 gracias

  • @manuelantunez4894
    @manuelantunez4894 2 ปีที่แล้ว

    hey master en la parte de navlink lo que pasa es que cuando creas una clase llamada .active ya no es necesario hacer nada react router te lo identificar por default es por eso lo que te paso en el minuto 30:40 ya no era necesario ni poner classname y te lo lee, contal la clase se llama active

  • @Slayzer
    @Slayzer 2 ปีที่แล้ว +2

    Que extension utilizas para que autocomplete el codigo (ese que sale en plomo claro)

  • @paultorres8676
    @paultorres8676 2 ปีที่แล้ว

    Excelente video, explicas muy bien

  • @andresjerez5630
    @andresjerez5630 2 ปีที่แล้ว +1

    y el server side render? :/ tengo el problema, y usar hashRouter no me soluciona todo lo que necesito

  • @julian888s
    @julian888s ปีที่แล้ว +1

    DIsculpen, por que el home suempre me aparece active? asi le de click a otros enlaces siempre me sale activo, gracias

  • @brunomontd
    @brunomontd 2 ปีที่แล้ว

    Muchas Garcías!

  • @danielramirezhuayanay6470
    @danielramirezhuayanay6470 2 ปีที่แล้ว

    Eres el mejor

  • @andersonmoralesparra4128
    @andersonmoralesparra4128 ปีที่แล้ว

    Muchas gracias

  • @pablorosales9959
    @pablorosales9959 2 ปีที่แล้ว

    Excelente explicación !

  • @genesis3d
    @genesis3d 2 ปีที่แล้ว +1

    Una pregunta, al crear las rutas funcionan bien en el local, pero al subir al firbase no se puede navegar sin hacer click en el link, inmetiatamente te tira error 404, es posible navegar al estilo Next solo con router?

  • @juliansodo4563
    @juliansodo4563 หลายเดือนก่อน

    genio!!!

  • @joaquingaldeano5982
    @joaquingaldeano5982 2 ปีที่แล้ว

    Te amo loco

  • @pruebazxccxz5997
    @pruebazxccxz5997 2 ปีที่แล้ว

    Muy buena explicacion muchas gracias. Una duda, al usar no me redirige hasta arriba de la nueva vista, sino se posiciona segun donde me encontraba en la vista anterior. Es decir si me encontraba leyendo a la mitad de la vista, le doy al enlace, al llegar a la nueva vista me posiciona en medio, y no hasta arriba como al usar . Se puede solucionar esto?

  • @phreakphreak
    @phreakphreak 2 ปีที่แล้ว

    si estas haciendo tu proyecto con webpack desde cero para el que te funcione el cambio de rutas manuales tendras que agregar esta propiedad historyApiFallback: true a tu devServer

  • @diegovallejos422
    @diegovallejos422 2 ปีที่แล้ว

    Gracias!

  • @gemalopez4976
    @gemalopez4976 2 ปีที่แล้ว

    De hecho ese Routes en versiones anteriores era Switch!!!

  • @heribertojuarez6046
    @heribertojuarez6046 2 ปีที่แล้ว

    Muy bueno crack

  • @andresvargas8562
    @andresvargas8562 2 ปีที่แล้ว +1

    ¿Por qué aparecen demasiadas vulnerabilidades al instalar react-router-dom???!!!!

  • @nickpaz1029
    @nickpaz1029 2 ปีที่แล้ว +1

    Muy buen video. Mi consulta es cuando usar switch? es necesario?

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว +1

      Ya no existe Switch en esta versión, lo han cambiado por ese componente que mostré llamado Routes

  • @eriksonvelasquez8019
    @eriksonvelasquez8019 2 ปีที่แล้ว

    Tengo una duda
    todos y cada uno de las rutas te lleva a una ruta en específica con el navbar incluido, si tuviese una ruta al que quisiera ir a través del navbar sin que este mismo esté al final, cómo sería ?
    por ejemplo ir a la página del login (ahí no aparece el navbar) .

  • @scharss942
    @scharss942 2 ปีที่แล้ว

    Maestro!

  • @zte185
    @zte185 2 ปีที่แล้ว

    Muy bueno solo que el código se ve muy pequeño y oscuro. Gracias por la explicación de esta nueva versión.

    • @FaztCode
      @FaztCode  2 ปีที่แล้ว +1

      No me habia dado cuenta, usaré un tamaño de fuente un poco más grande. Gracias por comentarlo :)

    • @zte185
      @zte185 2 ปีที่แล้ว

      @@FaztCode sería genial ya que si ves el texto de la consola cuando la creas y el texto del código se ve mejor el de la consola. Gracias por tomar en cuenta los comentarios.