Great video! ❤ Please make an example of authorization in control panel (Nextjs 14, typescript, server actions, nextauth 5, prisma, shadcn ui, react-hook-form, zod, sonner). User authorization, user registration, user roles.😘 Thank you very much!!! 😇
Fazt, una consulta, no es muy tedioso estar escribiendo los mensajes cada rato? Hay forma de crear sobrescribir los mensajes de forma global para la aplicación?
Fazt como harias de que si queres colocar en el enum un array con los datos que hay en una base de datos por ejemplo categorias?? que harias una peticion con axios y llenarias el array con la respuesta?? todo esto en el archivo schema o esto lo harias en un page.tsx?
Ufff estoy buscando lo mismo con un formulario creo nombres de productos que se guardan en la bd en supabase y en otro formulario en un dropwdown quiero mostrar esos productos para que elija uno, descubriste la mejor forma de realzar tu dida? Saludos
Yo suelo hacer las validaciones usando solo react Hook form, pero viendo esta nueva manera, se me hace más sencillo y limpio hacerlo con zod, aparte para ciertas validaciones como un email, solía utilizar un regex.
Es cierto que react-hook-form ya valida, pero en proyectos de typescript usar bibliotecas como zod pueden ayudarte a inferir tipos de datos y reusar el esquema en otras partes del codigo, y le dejas solo el trabajo de manejar el estado a react hook form y a zod le das el trabajo de validar
Sí, asi es, cada vez que se escribe en un campo de entrada, React Hook Form realiza un nuevo renderizado del componente. Sin embargo, el rendimiento no debería ser un problema grave si se implementan algunas prácticas recomendadas. React Hook Form está diseñado para optimizar el rendimiento en aplicaciones de formularios, utilizando técnicas como la delegación de eventos y la minimización de re-renderizaciones innecesarias. Al dividir el formulario en componentes más pequeños y memoizados, optimizar las re-renderizaciones y evitar la renderización innecesaria, se puede mantener un buen rendimiento en la aplicación. Es importante seguir estas prácticas para garantizar una experiencia de usuario fluida en tus aplicaciones de formularios.
Excelente video, una recomendación es que para el type de useForm se puede utilizar el z.infer y asi trae todos los datos del schema
Excelente, Muchas Gracias por meter todo en TS, ya que actualmente es el estándar en la industria
Siempre cosas útiles y siempre al grano, gracias por tanto ❤
Excelente video Fazt!
Has pensado en hacer contenido relacionado a Arquitectura limpia y código limpio? Estaría genial!
Eres el mejor la verdad tuve problemas con la librería y ahora veo porque
Genial fazt, pero react-hook-form tambien puede hacer validacion en su atrubuto RULES, en cada registro. 😊
¡Hola, Gracias Fazt! Eres el mejor.
¿Tienes planificado publicar tutoriales de Sveltkit?
Muchas gracias por aportar este valioso contenido!
Gracias Fazt , justo lo que necesitaba 🚀🚀
Primer comentario, gracias por tus videos! Más material pls de nestjs con aws
muchas gracias fazt
muy bueno el curso gracias :))
Hola, gracias por el conocimiento. Como hago para que el eslint me señale los errores del min 7:00 ? a mi no me salen
Great video! ❤
Please make an example of authorization in control panel (Nextjs 14, typescript, server actions, nextauth 5, prisma, shadcn ui, react-hook-form, zod, sonner). User authorization, user registration, user roles.😘
Thank you very much!!! 😇
Gracias faztgod
Fazt, una consulta, no es muy tedioso estar escribiendo los mensajes cada rato? Hay forma de crear sobrescribir los mensajes de forma global para la aplicación?
me gustaria que hicieras un curso de como usar vim
Hola buen tutorial.
Estoy realizando un edit ya tengo todos los campos pero la parte de la fecha no me trae el dato en el campo. alguna sugerencia?
Esos datos ya validados puedo enviarlos al backend sin problema verdad ?
se puede usar zod con los server actions?
para valorar la info antes de que llegue al servidor
Gracias Crack
Fazt como harias de que si queres colocar en el enum un array con los datos que hay en una base de datos por ejemplo categorias?? que harias una peticion con axios y llenarias el array con la respuesta?? todo esto en el archivo schema o esto lo harias en un page.tsx?
Ufff estoy buscando lo mismo con un formulario creo nombres de productos que se guardan en la bd en supabase y en otro formulario en un dropwdown quiero mostrar esos productos para que elija uno, descubriste la mejor forma de realzar tu dida? Saludos
Duda, porque usar zod con react-hook-form, si este ultimo ya valida formularios?
Yo suelo hacer las validaciones usando solo react Hook form, pero viendo esta nueva manera, se me hace más sencillo y limpio hacerlo con zod, aparte para ciertas validaciones como un email, solía utilizar un regex.
Es cierto que react-hook-form ya valida, pero en proyectos de typescript usar bibliotecas como zod pueden ayudarte a inferir tipos de datos y reusar el esquema en otras partes del codigo, y le dejas solo el trabajo de manejar el estado a react hook form y a zod le das el trabajo de validar
A mi me confunde que no se usan estados para los inputs. Es así?
Hola fazt qué herramienta de auto completado en terminal usas?
Hola marcos uso esta:
ua-cam.com/video/d9y0l7yY404/v-deo.html
Veo que cada que tipeas, de genera un nuevo render, ¿estoy en lo correcto? ¿No trae esto problemas de performance?
Sí, asi es, cada vez que se escribe en un campo de entrada, React Hook Form realiza un nuevo renderizado del componente. Sin embargo, el rendimiento no debería ser un problema grave si se implementan algunas prácticas recomendadas. React Hook Form está diseñado para optimizar el rendimiento en aplicaciones de formularios, utilizando técnicas como la delegación de eventos y la minimización de re-renderizaciones innecesarias. Al dividir el formulario en componentes más pequeños y memoizados, optimizar las re-renderizaciones y evitar la renderización innecesaria, se puede mantener un buen rendimiento en la aplicación. Es importante seguir estas prácticas para garantizar una experiencia de usuario fluida en tus aplicaciones de formularios.
Hola Fazt, una consulta, tienes planeado traer en algún momento algo de realidad aumenta o 3D con javascript? 😳