React, Rutas protegidas con React Router v6

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

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

  • @AngelMontesdeOca
    @AngelMontesdeOca ปีที่แล้ว +32

    habia estado intentando entender esto, soy desarrollador de aplicaciones de escritorio y esto de react me ha gustado bastante para un trabajo que estoy realizando, estaba frustrado porque no tenia ni idea de como hacerlo, gracias.

    • @FaztTech
      @FaztTech  ปีที่แล้ว +8

      Gracias a ti Angel por el apoyo

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

    Me está. Ayudando muchísimo tus videos de react. Vengo de angular y me es fácil entender. En cuanto tenga mi primer trabajo react vengo avisar y a donar . Muchas gracias!!

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

    Tienes un gran don para enseñar, muy claro y sin rodeos, gracias!

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

    Sencillamente Dios te ha dotado de un gran don...Gracias bro

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

    Excelente mini-curso y explicación.
    Visto en 25/09/2023

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

    Que buenas formas de resolver un problema, de verdad que capo, que inteligente, ah como te admiro Fazt, gracias por el bueno video!

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

    Gracias Amigo, saludos. cuando se me olvida las cosas ve tu canal y listo...

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

    Te agradezco fazt, nunca paras de enseñarme 😭❤️, cagado andaba buscando esto ahora mismo

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

    Con el Fazt se aprende super fast! xd

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

    Gracias Fazt , estoy intentando aprender todo lo que pueda estoy en react y en nodejs bueno intentando aprender todo lo que puedas , Gracias por el tutorial

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

    Gracias, de verdad muchas gracias, me ayudo mucho para un proyecto que tengo que presentar

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

    En el momento justo estaba investigando sobre rutas!

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

    muchas gracias por este video justamente estaba haciendo autenticaciones y estaba haciendo rutas protegidas pero estaba haciendo casi todo manual. Estaria bueno que hicieses un video usando, jwt, passport y cookies con react con metodos de autenticacion. Estaria genial

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

    Loved the first one, looking forward to trying this one out too.

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

    Excelente tutorial, la explicación es muy clara y sencilla. Gracias

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

    Justo estoy en un proyecto de React, estos videos me sirven mucho ❤️

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

    Esto lo estaba esperando , sugerencia seria combinar golang, panel administrativo o dashboar con tailwindcss

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

    Me estoy comenzando a preocupar, cada vez que pienso en estudiar algún tema especifico, llega una notificación que subiste nuevo video y casi siempre es de lo que deseaba estudiar.... Sigue así crack, gracias por todo, saludos

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

    Aprendí algo nuevo hoy :D

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

    El mejor contenido y actualizado !!! muchas gracias Fazt

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

    Muchas gracias como siempre bro, excelente, me ayudaste un montón, un abrazo virtual :)

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

    Excelente! Ya espero el backend con Redux 😜

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

    De las mejores explicaciones, Un crack :)

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

    directo al punto, muy buen video

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

    Ahora ando en este tema con mi aplicacion de React muchas gracias, muy bien explicado, realmente veo mucho tus videos son super utiles y explicas todo super bien, y para la cantidad de videos que tienes con tantas tecnologias, demuestra lo mucho que sabes en todas estas areas ... algun dia quiero ser como tu xD

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 ปีที่แล้ว

    ha sido genial el tutorial, muchisimas gracias. Voy a ver el nuevo de express que el de repaso de node me encantó

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

    El mejor vídeo que he visto

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

    Muy buen video es mucho mas claro que un curso que compre!

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

    Gracias Fazt !!! Por compartir tus conocimientos

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

    Excelente información.

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

    Fazt quiero darte las gracias tienes contenido muy god y completamente gratis

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

    Fazt cuando un vídeo de React donde expliques cómo manejar roles? Por ejemplo de administrador y usuario

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

      Podrías hacer una validación sencilla con useContext agregando en el estado la propiedad role: "ADMIN_ROLE" y luego donde necesites validar por roles solo llamas a tu contexto y validas.

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

      Puede hacerlo con if-else o usar la libreria 'casl'

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

    Excelente como siempre compadre👍🤠🍻

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

    BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY

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

    es una maravilla tu contenido, muchas gracias Fazt..!!

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

    Que bien explicas Fazt, gracias por tan buen material!

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

    Great, me vino bien este refresh

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

    Justo lo que estaba esperando en tu canal, Gracias ✌

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

    Grande Fazt!

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

    5 palabras no mas le digo a Fazt: Crack

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

    genial fazt, bien explicado todo. me gustaria que subieras algo enlazado con el backend django, para ver como es el tema del token_csrf. saludos! sigue asi!

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

    excelente explicacion !!

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

    me encantó

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

    Re bieen explicado! gracias

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 ปีที่แล้ว

    Gracias por el video fazt , eh ido avanzando con el material de react de tus 2 canales :D

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

    Genial vídeo, Fazt y magníficas referencias

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

    Muy buenos los contenidos!! Esperando el curso de react native.

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

    Muchas gracias por el contenido!

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

    excelente explicacion...gracias! 🙂

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

    Muchas muchas gracias por el tutorial, es de gran ayuda

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

    Muchas gracias me sirvió mucho🥳

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

    muy útil buen vídeo !

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

    Gracias

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

    Muchas gracias!! me ayudo bastante!

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

    Master 🐉

  • @Eltunas777
    @Eltunas777 10 หลายเดือนก่อน +1

    Salve la mi proyecto de tesis gracias a tus cursos de react y estuvimos cerca de la nota maxima, gracias!.
    pd: tendras algun curso con que de certificaciones al final del mismo?

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

    Thanks Bruu

  • @btb.toxixo
    @btb.toxixo 2 ปีที่แล้ว

    Really a highly rated work, sir.

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

    Muy bueno!!!

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

    Excelente👍

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

    crack de cracks!!!😀😀😀

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

    viejo son muchos tutoriales en muy poco tiempo ☠️☠️☠️☠️ jajajajajajajaj . gracias por el nuevo tutorial

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

    Thanks... it's working... Good Job...!

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

    Excelente video Fazt, una pregunta. Que página utilizas para la explicación grafica de react y backend? min: 14.51

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

    🙌🙌🙌 super like

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

    Buen vídeo saludos

  • @SnS-SpartaN
    @SnS-SpartaN 2 ปีที่แล้ว +1

    *_Estaría bueno un cursito de Fiber_*

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

      Me gusta esa idea, voy a elaborar algo :)

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

    Muy bueno y claro el video Justo lo que necesitaba para un proyecto en mi trabajo. Ahora una consulta, en caso de que lo quiera manejar con reatc-redux, debería hacer un estado global que se llame user en vez del estado local?

  • @diegoandresb.6661
    @diegoandresb.6661 2 ปีที่แล้ว

    Crack !!!

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

    Esooo!!!

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

    Hola Fazt, no tenes un video explicando como crear una API con Node y SQL para poder aplicar esto mismo del video? El backend junto con esto. Muchas Gracias :)

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

      @decapitao Uhh gracias :)

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

    Holaaa, buenisimo el video!! muchas gracias.
    Una consulta que extensiones utilizas en el vscode??

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

      th-cam.com/video/9iqmT6dXYik/w-d-xo.html

  • @oduber.vasquez
    @oduber.vasquez 2 ปีที่แล้ว

    Saludos, excelente vídio! una pregunta Cómo sería el componente ProtectedRoute utilizando TypeScript?

  • @JJ-oi3vr
    @JJ-oi3vr ปีที่แล้ว

    tipazo

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

    Hola, genial contenido... No habrá alguna manera de que subas un video sea el backend que sea que te arroje un token, y manejarlo en react asi como ejemplo para saber como usarlo para entrar a las rutas privadas? Por ahi he visto que se puede guardar en el local storage pero ni idea como manejar eso, mas o menos me imagino que se hace un post si te da un token lo guardas en el local storage pero de ahi para delante ni idea jejeje, puede ser algo sencillo nomas que ayude a manejar eso, en lo personal estamos intentando hacer uno con django restframework basico de obtaintoken y react... Saludos

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

    Hola fazt, ya me vi el curso de react y entendi ahora que hago me veo esto de react rauter o me paso a next.js que tambien tiene sistema de rutas o algo asi?

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

    Esoo!!!

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

    Hola. Es mejor proteger rutas en el Front o en el Back ?

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

      Las rutas o cambios de paginas se protegen desde el front, pero igual tu backend debe tener validaciones en caso alguien se salta la interfaz y haga peticiones directas a tu backend

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

    Gracias nuevamente por estos videos Fazt! Te consulto, que extension usas para que cuando llamas un componente te autocomplete y te importe el mismo si no lo hiciste? Tambien para que te vaya sugiriendo codigo? Tengo instalada la extension para los snippets de react pero no una de autocompletado. Gracias!

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

      Hola NIco principalmente uso es7 snippets y copilot, igualo lo explico aqui: th-cam.com/video/9iqmT6dXYik/w-d-xo.html

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

      @@FaztTech gracias como siempre querido Fazt! Aprovecho para consultar, ya me vi tus videos de js para react, react, node js y express, estará en camino el de mongodb? Gracias!!

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

    Oye papu tú qué ya sabes mucho de esto tienes como una ruta por la cual debería adentrarme en el mundo del desarrollo web?
    Osea que cosas aprender primero y así hasta llegar a lenguaje y tecnologías avanzadas, sería de gran ayuda :]

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

    Nice Video!!

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

    Hola master ¿qué tema es el que usas?

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

    Hola Fazt, ¿no tienes un video o curso donde hagas esto mismo pero implementando tambien el backend con express?

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

      Lo re necesito, encontraste algo?

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

      @@Drayten tiene un vídeo de React Node express y postres

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

      @@valentinfeller121 uhh messirve, gracias

  • @Gamer-tb7rf
    @Gamer-tb7rf 4 หลายเดือนก่อน

    Tengo una duda hay que agregar alguna configuración para que el createBrowserRouter funcione en produción especificamente en render o en un vps como hostinger.

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

    Holaaa Fazt, algún día podrías hacer un tutorial de react desarrollando un proyecto pero que no sea un CRUD c:

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

      Esta semana publico uno de autenticación y después viene otro de red social que ese si está para la semana entrante. Ambos con redux

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

    Creo que es mejor y mas sencillo usar un layout para tus vistas privadas y mientras se cumpla una condicion x ya sea de usuario o roles cargar la pagina, en caso contrario usar un navigate y enviar al usuario al login

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

      👍🏼

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

    Sigue funcionando esto con la versión 6.10?

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

    Estoy algo confundido estas cosas funcionan bien pero recargas la paginas y ya no funciona como lidiar con eso?

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

    Hola que página utilizas para el dibujo de react y backend?

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

    Esto sirve para ahora??, creo q estamos en la versión 6.8

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

      Si así es solo sería distinto si la versión cambiara a la 7

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

    MERN+Redux Toolkit+TailwindCSS

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

    I must confess that learning how to use the software is what gets procastinating to start making soft. It scares lol

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

    Algún tutorial de react nativo?

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

      Hola Ivan, este es un curso de React native con expo: th-cam.com/video/hXDMWeD0ERM/w-d-xo.html

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

    Disculpa por que a mi me sale la pagina en el link 5173/#/landing y no en el 5713/landing? por favor que puedo hacer para solucionar esto?

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

    tengo una pregunta, hace tiempo encontré un tutorial para crear un chat en tiempo real, pero tengo un problema a ver si tu me puedes ayudar, con el socket cuando guardo la sesión y la valido al arrancar con la sesión me lanza doble llamada de los datos al cargar, sabrías tu como ajustar eso para que solo se llame 1 vez, por que la consola también pinta doble datos?

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

    Hola, saludos, hay alguna manera de quitar que se muestre la otra pantalla antes de compruebe, me explico, ahi le dices que si no hay user no entre a home pero de todos modos momentaneamente muestra home hasta que redirecciona, eso en prod se demora y home se ve bastante, como se puede solucionar eso?

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

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

    how can i add a ?

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

    No homo

  • @juancarlosrodriguezp.
    @juancarlosrodriguezp. 2 ปีที่แล้ว

    Nice cheeks bro