React, Rutas protegidas con React Router v6

[@AngelMontesdeOca]

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]

Gracias a ti Angel por el apoyo

[@lalosdo2]

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]

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

[@Magistrado1914]

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

[@jaknario73]

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

[@sagitario26XD]

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

[@SanchayanPackiyanathan]

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

[@peladno]

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

[@arianrodriguez8219]

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

[@Jhguofjkh9820]

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

[@Drayten]

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]

@decapitao Uhh gracias :)

[@bryanecheverria1868]

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

[@faabibita]

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

[@collinzuniga5410]

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

[@LucioAray]

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

[@alanchagaray7711]

En el momento justo estaba investigando sobre rutas!

[@jesusosornio5101]

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

[@brandocarrillo8866]

Yo también 😄😄😄😄

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

[@darkel5578]

Con el Fazt se aprende super fast! xd

[@federicomarceloramirez6650]

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

[@brayanrodriguezmontealegre2268]

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

[@franciscouribe5784]

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]

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

[@asinomasypunto]

directo al punto, muy buen video

[@davidgallego1216]

Aprendí algo nuevo hoy :D

[@oscarnoeortizbarba6123]

El mejor contenido y actualizado !!! muchas gracias Fazt

[@roddy_21_25]

De las mejores explicaciones, Un crack :)

[@Rokovbabca]

Excelente! Ya espero el backend con Redux 😜

[@IamLink__]

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

[@SonGoku-pc7jl]

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

[@santiagogonzalezmontoya5370]

Gracias Fazt !!! Por compartir tus conocimientos

[@xerot2010]

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

[@jairocolonp]

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

[@diegog8891]

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!

[@carlosaguilar4601]

Justo lo que estaba esperando en tu canal, Gracias ✌

[@Eltunas777]

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?

[@jairoandresvizuetepedraza5492]

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

[@saverock_73]

Que bien explicas Fazt, gracias por tan buen material!

[@ZBROOS]

Grande Fazt!

[@luisjoselopezdev]

El mejor vídeo que he visto

[@code_castle]

Great, me vino bien este refresh

[@hernanfigueroa6149]

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

[@jesuscastillo1039]

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

[@GusGabriel]

Excelente como siempre compadre👍🤠🍻

[@arielcastillo7925]

5 palabras no mas le digo a Fazt: Crack

[@rivaldofernandez]

Excelente información.

[@josegerardosanchezalvarado4703]

excelente explicacion !!

[@oliveira1820]

Muchas gracias por el contenido!

[@Deus-lo-Vuilt]

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

[@neotm4606]

Bellísimo, buen buen video

[@mviloriameza]

Genial vídeo, Fazt y magníficas referencias

[@ismanolgarcia]

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

[@iturraldec]

excelente explicacion...gracias! 🙂

[@ferchuspresti]

Re bieen explicado! gracias

[@ivanvazquez826]

Muchas muchas gracias por el tutorial, es de gran ayuda

[@dianacalero5409]

muy útil buen vídeo !

[@andersonmoralesparra4128]

Muchas gracias me sirvió mucho🥳

[@brianaboytesmorales8040]

Muchas gracias!! me ayudo bastante!

[@rafaelrafael4843]

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

[@luisblanco2768]

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

[@anonymushadow282]

tengo la mismaduda

[@btb.toxixo]

Really a highly rated work, sir.

[@gerardoalvarez8476]

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

[@YODA5919]

Buen vídeo saludos

[@jonathancoder]

me encantó

[@bastianbastias7607]

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

[@FaztTech]

kzbin.info/www/bejne/b5rUnodsmb2Mn80

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

[@maximilianominetto524]

Muy bueno!!!

[@cristianchoque1418]

crack de cracks!!!😀😀😀

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

[@oduber.vasquez]

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

[@franciscoagustinpeaaloza8124]

🙌🙌🙌 super like

[@Gamer-tb7rf]

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.

[@Holri]

Master 🐉

[@SnS-SpartaN]

*_Estaría bueno un cursito de Fiber_*

[@FaztTech]

Me gusta esa idea, voy a elaborar algo :)

[@wadeowen8325]

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

[@LucioAray]

Excelente👍

[@francovedia5584]

Gracias

[@jesussoto7463]

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

[@Drayten]

Lo re necesito, encontraste algo?

[@valentinfeller121]

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

[@Drayten]

@@valentinfeller121 uhh messirve, gracias

[@adrians9367]

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]

Nice Video!!

[@jhonfranklinpradadiaz2179]

Thanks Bruu

[@laurairiarte9519]

Esooo!!!

[@diegoandresb.6661]

Crack !!!

[@AlejandroRL868]

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?

[@herreranicoo25]

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]

Hola NIco principalmente uso es7 snippets y copilot, igualo lo explico aqui: kzbin.info/www/bejne/b5rUnodsmb2Mn80

[@herreranicoo25]

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

[@edgardomolinagonzalez3121]

Hola master ¿qué tema es el que usas?

[@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]

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?

[@JJ-oi3vr]

tipazo

[@arminschneider9132]

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

[@FaztTech]

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

[@alfonzzoj]

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

[@gebo1861]

Sigue funcionando esto con la versión 6.10?

[@valentinfeller121]

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

[@FaztTech]

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

[@danii5923]

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

[@FaztTech]

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

[@oyeenooo]

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]

👍🏼

[@laurairiarte9519]

Esoo!!!

[@manums__]

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

[@SpainTecno]

Algún tutorial de react nativo?

[@FaztTech]

Hola Ivan, este es un curso de React native con expo: kzbin.info/www/bejne/nomnfoqbeZV4iK8

[@cristhian3091]

[@joshsanders2479]

MERN+Redux Toolkit+TailwindCSS

[@manuelmunoz2831]

how can i add a ?

[@FaztTech]

?

[@juancarlosrodriguezp.]

Nice cheeks bro