React, Rutas protegidas con React Router v6

Поделиться
HTML-код
  • Опубликовано: 16 окт 2024

Комментарии • 121

  • @AngelMontesdeOca
    @AngelMontesdeOca Год назад +30

    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  Год назад +7

      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!

  • @Magistrado1914
    @Magistrado1914 Год назад

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

  • @sagitario26XD
    @sagitario26XD 10 месяцев назад

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

  • @jaknario73
    @jaknario73 Год назад

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

  • @bryanecheverria1868
    @bryanecheverria1868 Год назад

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

  • @jairocolondev
    @jairocolondev 5 месяцев назад

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

  • @luisjoselopezdev
    @luisjoselopezdev Год назад

    El mejor vídeo que he visto

  • @SanchayanPackiyanathan
    @SanchayanPackiyanathan Год назад

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

  • @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

  • @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

  • @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

  • @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'

  • @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 ❤️

  • @jesuscastillo1039
    @jesuscastillo1039 2 года назад

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

  • @alanchagaray7711
    @alanchagaray7711 2 года назад

    En el momento justo estaba investigando sobre rutas!

  • @faabibita
    @faabibita 2 года назад

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

  • @roddy_21_25
    @roddy_21_25 11 месяцев назад

    De las mejores explicaciones, Un crack :)

  • @LucioAray
    @LucioAray 2 года назад +2

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

  • @oscarnoeortizbarba6123
    @oscarnoeortizbarba6123 2 года назад

    El mejor contenido y actualizado !!! muchas gracias Fazt

  • @davidgallego1216
    @davidgallego1216 2 года назад

    Aprendí algo nuevo hoy :D

  • @rivaldofernandez
    @rivaldofernandez 2 месяца назад

    Excelente información.

  • @asinomasypunto
    @asinomasypunto 8 месяцев назад

    directo al punto, muy buen video

  • @santiagogonzalezmontoya5370
    @santiagogonzalezmontoya5370 2 года назад

    Gracias Fazt !!! Por compartir tus conocimientos

  • @code_castle
    @code_castle 2 года назад

    Great, me vino bien este refresh

  • @Rokovbabca
    @Rokovbabca 2 года назад +2

    Excelente! Ya espero el backend con Redux 😜

  • @jonathancoder
    @jonathancoder Год назад +1

    me encantó

  • @IamLink__
    @IamLink__ 2 года назад

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

  • @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ó

  • @GusGabriel
    @GusGabriel Год назад

    Excelente como siempre compadre👍🤠🍻

  • @ferchuspresti
    @ferchuspresti Месяц назад

    Re bieen explicado! gracias

  • @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

  • @xerot2010
    @xerot2010 Год назад

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

  • @jairoandresvizuetepedraza5492
    @jairoandresvizuetepedraza5492 2 года назад

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

  • @saverock_73
    @saverock_73 Год назад

    Que bien explicas Fazt, gracias por tan buen material!

  • @Eltunas777
    @Eltunas777 9 месяцев назад +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?

  • @josegerardosanchezalvarado4703
    @josegerardosanchezalvarado4703 11 месяцев назад

    excelente explicacion !!

  • @carlosaguilar4601
    @carlosaguilar4601 2 года назад

    Justo lo que estaba esperando en tu canal, Gracias ✌

  • @andersonmoralesparra4128
    @andersonmoralesparra4128 Год назад

    Muchas gracias me sirvió mucho🥳

  • @diegog8891
    @diegog8891 9 месяцев назад

    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!

  • @dianacalero5409
    @dianacalero5409 2 года назад

    muy útil buen vídeo !

  • @ZBROOS
    @ZBROOS 2 года назад

    Grande Fazt!

  • @ivanvazquez826
    @ivanvazquez826 2 года назад

    Muchas muchas gracias por el tutorial, es de gran ayuda

  • @arielcastillo7925
    @arielcastillo7925 Год назад

    5 palabras no mas le digo a Fazt: Crack

  • @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 :)

  • @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

  • @maximilianominetto524
    @maximilianominetto524 2 года назад

    Muy bueno!!!

  • @mviloriameza
    @mviloriameza 2 года назад

    Genial vídeo, Fazt y magníficas referencias

  • @ellatino8991
    @ellatino8991 2 года назад

    Excelente!

  • @oliveira1820
    @oliveira1820 Год назад

    Muchas gracias por el contenido!

  • @iturraldec
    @iturraldec Год назад

    excelente explicacion...gracias! 🙂

  • @ismanolgarcia
    @ismanolgarcia 2 года назад

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

  • @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...!

  • @brianaboytesmorales8040
    @brianaboytesmorales8040 2 года назад

    Muchas gracias!! me ayudo bastante!

  • @wadeowen8325
    @wadeowen8325 11 месяцев назад +1

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

  • @cristianchoque1418
    @cristianchoque1418 2 года назад

    crack de cracks!!!😀😀😀

  • @YODA5919
    @YODA5919 2 года назад +1

    Buen vídeo saludos

  • @luisblanco2768
    @luisblanco2768 Год назад +1

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

  • @francovedia5584
    @francovedia5584 11 месяцев назад

    Gracias

  • @rafaelrafael4843
    @rafaelrafael4843 Год назад +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

  • @btb.toxixo
    @btb.toxixo 2 года назад

    Really a highly rated work, sir.

  • @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?

  • @Holri
    @Holri 2 года назад

    Master 🐉

  • @jhonfranklinpradadiaz2179
    @jhonfranklinpradadiaz2179 2 года назад

    Thanks Bruu

  • @Gamer-tb7rf
    @Gamer-tb7rf 3 месяца назад

    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.

  • @franciscoagustinpeaaloza8124
    @franciscoagustinpeaaloza8124 2 года назад

    🙌🙌🙌 super like

  • @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 !!!

  • @bastianbastias7607
    @bastianbastias7607 Год назад

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

    • @FaztTech
      @FaztTech  Год назад +1

      ruclips.net/video/9iqmT6dXYik/видео.html

  • @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: ruclips.net/video/9iqmT6dXYik/видео.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!!

  • @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 :)

  • @DanielCodContent
    @DanielCodContent 2 года назад

    Nice Video!!

  • @JJ-oi3vr
    @JJ-oi3vr Год назад

    tipazo

  • @oduber.vasquez
    @oduber.vasquez Год назад

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

  • @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

  • @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?

  • @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?

  • @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?

  • @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 :]

  • @laurairiarte9519
    @laurairiarte9519 2 года назад

    Esooo!!!

  • @jesusalfonzo6280
    @jesusalfonzo6280 Год назад

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

  • @edgardomolinagonzalez3121
    @edgardomolinagonzalez3121 Год назад

    Hola master ¿qué tema es el que usas?

  • @gebo1861
    @gebo1861 Год назад

    Sigue funcionando esto con la versión 6.10?

  • @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

  • @laurairiarte9519
    @laurairiarte9519 2 года назад

    Esoo!!!

  • @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

  • @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

  • @cristianmhernandezrodrigue9582
    @cristianmhernandezrodrigue9582 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

  • @ivan86478
    @ivan86478 2 года назад

    Algún tutorial de react nativo?

    • @FaztTech
      @FaztTech  2 года назад +1

      Hola Ivan, este es un curso de React native con expo: ruclips.net/video/hXDMWeD0ERM/видео.html

  • @cristhian3091
    @cristhian3091 3 месяца назад

  • @manums__
    @manums__ 2 года назад

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

  • @joshsanders2479
    @joshsanders2479 2 года назад

    MERN+Redux Toolkit+TailwindCSS

  • @manuelmunoz2831
    @manuelmunoz2831 2 года назад

    how can i add a ?

  • @ezequielellena
    @ezequielellena 2 года назад

    No homo

  • @juancarlosrodriguezp.
    @juancarlosrodriguezp. 2 года назад

    Nice cheeks bro