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
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
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! 😀
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
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!
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
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.
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🙏🙏
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
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.
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
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 🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡
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 :)
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?
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.
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...
Fazt el verdadero "the 🐐", que tiene un vídeo resolviendo el problema, incluso antes de que se me preste ese problema 😎🤙
¡Qué excelente tutorial, Fazt! ¡Amigo, gracias!
Que sencillo y elegante es Zustand, es muy pero muy parecido a Pinia de Vue, gracias máster por este tipo de contenido
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
Zustand ha sido una grata sorpresa para empezar el año. Pronto lo anadiré a mis proyectos
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
Muchas gracias fazt, lo añadí junto con next 13 ♥
Te amo bebe
Me encantan tus videos, me ayudan a comprender mucho mejor estos temas, gracias.
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! 😀
tus videos siempre resuelven mis problemas, tkm
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
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!
Gracias, justo estoy creando una aplicación y me sirvió bastante el vídeo! 🦾
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
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.
me salvaste con mi proyecto final de ciclo ty
Muchas gracias por compartir tu conocimiento, excelente modulo para React
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🙏🙏
react + express > nextjs
@@NuevaDermo ???
Bro muchisimas gracias, de verdad tu video me ayudo mucho
Gracias por le contenido Fezt !! Mas contenido con TypeScript porfa :).
40:00 Zustan Config
53:00 Header Authorization : token
Consulta. Por qué prefieres usar la biblioteca de axios en vez de usar fetch?
Que buen contenido por Dios, gracias Fazt y feliz inicio de año:)
Hola @FaztCode , muy bueno el tutorial, una consulta referente al VS Code: que theme usas y que typografia? Gracias
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
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.
Gracias bro ,como siempre excente tutorial , mucho éxito!
dios pero que monstruo de pc tenés
Gracias Fazt
Muy bueno! 👏👏👏👏👏Gracias
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
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 🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡🧡
fazt porfa próximo video un clone de TH-cam usando reactnative estaría buenísimo 👏👏
¿ para que sirve tener el Set-Cookie ? Para que el backend lo valide con cookie-parser..
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
Gracias... Para cuándo Antd ??
Hola, tienes un discord de la comunidad?
por que lo guarda desde el front u y no en una coolie desde el back?
Hola fazt, podrías hacer un vídeo hablando sobre flet? La librería de Python + flutter
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 :)
No usaba toolkit porque me parecía algo enredado la forma de manejar el estado, pero encuentro a Zustand bastane cómodo.
Execelente video 👍
Buenas noches amigo! Saludos cordiales. Estoy interesado en adquirir cursos con usted! Algún correo dónde pueda contactarle o número? Muchas gracias.
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?
Hola como logras la terminal esa de VS Code?
Hola David, el tutorial de esa terminal se puede encontrar aqui: th-cam.com/video/d9y0l7yY404/w-d-xo.html
Eres el mejor amigo
Muchas gracias fazt tqm
can i get english version or article on this
O Problema é zustand deveria ser utilizando com persistência, mas não funciona mais com create
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.
Hola! Tengo el mismo error, lo llegaste a arreglar?
@@helloWorldPlus no, no lo llegue a arreglar
Yo lo arregle así: config.headers.Authorization = `Bearer ${token}`;
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
Hola, estamos realizando un proyecto para ganar experiencia. Si alguien está interesado en participar, por favor comenten sus roles y conocimientos.
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...
Gracias bro!!, Cuando sacas la continuación?
esta semana publique un ejemplo más completo con base de datos y mejor frontend, basado en lo que se ha explicado aqui
@@FaztCode No encontré el video, sigue subido?
:( se agradece pero en mi caso me hubiera gustado una aplicacion de auth segura con refresh token y toda esa cosa gigante
Master 🐉
Amigooo una duda puedo hacer el zustand que se libere con el tiempo del token?