React y Typescript Autenticación simple usando Zustand

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

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

  • @cristoferhernadez8412
    @cristoferhernadez8412 8 หลายเดือนก่อน +4

    Fazt el verdadero "the 🐐", que tiene un vídeo resolviendo el problema, incluso antes de que se me preste ese problema 😎🤙

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

    Zustand me está pareciendo muy potente. Hasta el punto de que ya no me planteo volver a Redux o a useContext.
    Muchas gracias por descubrinos esta herramienta

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

    ¡Qué excelente tutorial, Fazt! ¡Amigo, gracias!

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

    Quiero Agradecerte Fazt !! la verdad que tus videos son los mejores que encontre en todo youTube. Me encanta la forma en que vas mostrando paso a paso. Utilize este video para hacer el front y utilice otro de tus videos creando una Api tambien con typeScript, los pude combinar y conseguir el mejor resultado. GRACIAS

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

    Zustand ha sido una grata sorpresa para empezar el año. Pronto lo anadiré a mis proyectos

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

    Que sencillo y elegante es Zustand, es muy pero muy parecido a Pinia de Vue, gracias máster por este tipo de contenido

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

    Muchas gracias fazt, lo añadí junto con next 13 ♥

  • @elmerperezperez4832
    @elmerperezperez4832 ปีที่แล้ว +7

    Amé el tutorial integramente, como siempre fué una clase majistral. Me gustaria un ejemplo de zustand + nextjs 13 + typeScript + tailwind + supabase.....se que a muchos les interesará tambien🙏🙏

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

    Eres 7n gran creador de contenido, 8nicie mi mundo laboral como desarrollador front con react y todo lo que enseñas es precisamente lo que e utilizado y necesitado

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

    Gracias por este tipo de contenido, de verdad es muy util todo lo que tu canal y videos aportan tanto a principiantes como a quien ya esta en el mundo de la programacion! De nuevo, muchas gracias y siempre alerta por tu nuevo contenido. Un abrazo!

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

    Me encantan tus videos, me ayudan a comprender mucho mejor estos temas, gracias.

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

    tus videos siempre resuelven mis problemas, tkm

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

    Estaba buscando en TH-cam para averiguar cómo hacer un login con React, llevo 10 pestañas abiertas en el navegador, acabo de ver que fazt code tiene subido uno, automáticamente cierro las demás pestañas, y... ¡a empezar! 😀

  • @oh-vito
    @oh-vito 7 หลายเดือนก่อน

    El mejor ejemplo de Autenticacion, lo simple siempre prevalece ante todo quiza por la libreria que maneja el state de react, es decir Zustand parece sencillo o pude ser tus tecnicas de expresar codigo como la tecnica del retorno, es decir inicia escribiendo de derecha a izquierda o la tradicional por abstraccion.

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

    fazt Dios te bendiga, ya te digo, que pedazo de clase, muchisimas gracias, encima con typescript para que lo vayamos aprendiendo y quitando el miedo, genial, además pensaba que era un pedazo de ejemplo digno de pedirte que lo continuaras pq al final siempre nos acabamos bloqueando al ampliar y mola mucho cuando al final dices que utilizarás el codigo para seguir creando algo más real, genial y grande jaja xD muchisimas gracias

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

    me salvaste con mi proyecto final de ciclo ty

  • @jesusmonge.l
    @jesusmonge.l ปีที่แล้ว

    Gracias, justo estoy creando una aplicación y me sirvió bastante el vídeo! 🦾

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

    Muchas gracias por compartir tu conocimiento, excelente modulo para React

  • @JOSEALONSO-ti2id
    @JOSEALONSO-ti2id ปีที่แล้ว +2

    Dios te bendiga, mas react por favor . Por otro lado, en el canal tenemos curso de javascript y javascript para react pero podriamos tener un curso intermedio de solo vanilla JS 🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡

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

    Consulta. Por qué prefieres usar la biblioteca de axios en vez de usar fetch?

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

    Gracias por le contenido Fezt !! Mas contenido con TypeScript porfa :).

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

    Hola @FaztCode , muy bueno el tutorial, una consulta referente al VS Code: que theme usas y que typografia? Gracias

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

    Que buen contenido por Dios, gracias Fazt y feliz inicio de año:)

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

    Hola Fazt.... gusto de ver otro video tuyo.
    Tengo una pregunta sabes si puedo crear mas de 1 estado global? es decir usar la funcion de create se zustand una para usuarios, otra para productos, otra para para sucursales, etc.
    Es que veo que para cada propiedad que quieras agragar y actualizarlo directamente es neceario su funcion set en especifico.

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

    Eres el mejor amigo

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

    Muy bueno! 👏👏👏👏👏Gracias

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

    Gracias Fazt

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

    fazt porfa próximo video un clone de TH-cam usando reactnative estaría buenísimo 👏👏

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

    Hola @Fazt muchas gracias por todos tus vídeos, eres grande! Tenía una consulta, para evitarme estar extendiendo el tipo Request, lo que hice fue enviar los datos por req.cookies y me sirvió. Pero no sé si esto influya en algo del API

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

    Muchas gracias fazt tqm

  • @8koi245
    @8koi245 ปีที่แล้ว

    dios pero que monstruo de pc tenés

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

    Gracias bro ,como siempre excente tutorial , mucho éxito!

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

    Execelente video 👍

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

    Hola fazt, podrías hacer un vídeo hablando sobre flet? La librería de Python + flutter

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

    No usaba toolkit porque me parecía algo enredado la forma de manejar el estado, pero encuentro a Zustand bastane cómodo.

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

    Gracias... Para cuándo Antd ??

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

    40:00 Zustan Config
    53:00 Header Authorization : token

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

    Hola Fazt estoy haciendo un proyecto con zustand pero tengo una duda, en el localstorage se almacena el estado global de mi app, pero algo que me doy cuenta es que puedo modificar el estado desde el localstorage... Entonces si yo tengo un funcion que si el usuario esta autenticado (true) puedo entrar a ciertas rutas y coloco ese valor directamente en el localstorage como true puedo entrar a esas rutas sin haber iniciado sesión. Habrá una forma de que mi estado se guarde en el localstorage pero solo el string pero que si lo modifico por ahi no me modifique el estado de mi app. Muchas Gracias! Eres grande, tus videos me han ayudado mucho :)

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

    Fazt, todavía no entiendo la diferencia al momento de intanciar el hook, ejemplo: const {clotes, colors} = useStore() // así obtengo todo el estado básicamente a diferencia de hacerlo como tú lo haces por separado o usando el shallow

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

    Hola, tienes un discord de la comunidad?

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

    Buenas noches amigo! Saludos cordiales. Estoy interesado en adquirir cursos con usted! Algún correo dónde pueda contactarle o número? Muchas gracias.

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

    ¿ para que sirve tener el Set-Cookie ? Para que el backend lo valide con cookie-parser..

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

    Una pregunta, no me he animado a hacer el curso porque aunque me fascina practicar, estoy buscando proyectos para incluir en mi portafolio y este al tener backend no sé cómo desplegarlo. Solo sé que railway tiene una parte gratuita pero es muy limitada :( Cómo podría desplegar para poder mostrarlo en mi portafolio?

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

    Gracias bro!!, Cuando sacas la continuación?

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

      esta semana publique un ejemplo más completo con base de datos y mejor frontend, basado en lo que se ha explicado aqui

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

      @@FaztCode No encontré el video, sigue subido?

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

    Master 🐉

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

    Hola, estamos realizando un proyecto para ganar experiencia. Si alguien está interesado en participar, por favor comenten sus roles y conocimientos.

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

    Iluso de mí que me vuelvo a creer que en un par de horas me voy a hacer un vídeo tuyo de una hora xDD

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

    por que lo guarda desde el front u y no en una coolie desde el back?

  • @soy-luisarrieta
    @soy-luisarrieta ปีที่แล้ว

    Con autenticación "simple" te refieres a que es muy inseguro o tal vez es porque te refieres a un amplio sistema de autenticación como recuperar contraseña, cambiar contraseña, validación por correo, recordarme, etc...

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

    Hola como logras la terminal esa de VS Code?

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

      Hola David, el tutorial de esa terminal se puede encontrar aqui: th-cam.com/video/d9y0l7yY404/w-d-xo.html

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

    hola fazt te comento tengo un error y es que en el archivo de axios.ts me dice en config.headers El tipo '{ Authorization: string; }' no se puede asignar al tipo 'AxiosRequestHeaders'.
    Al tipo "{ Authorization: string; }" le faltan las propiedades siguientes del tipo "AxiosHeaders": set, get, has, delete y 23 más.

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

      Hola! Tengo el mismo error, lo llegaste a arreglar?

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

      ​@@helloWorldPlus no, no lo llegue a arreglar

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

      Yo lo arregle así: config.headers.Authorization = `Bearer ${token}`;

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

      Me parece q se trata de la versión de typescript, a mi también me tiro el mismo error. Y desp me dice que el “Create “ está deprecado en el store

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

    can i get english version or article on this

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

    O Problema é zustand deveria ser utilizando com persistência, mas não funciona mais com create

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

    :( se agradece pero en mi caso me hubiera gustado una aplicacion de auth segura con refresh token y toda esa cosa gigante

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

    Amigooo una duda puedo hacer el zustand que se libere con el tiempo del token?