Necesitaba unos calcetines negros con un Pokémon de color fucsia dibujado, al pagarlo en la tienda, había un cartel que decía: Fazt ya lo compro!!!. Que grande eres!, cdo pienso en que necesito aprender algo, ya tienes un video y por lo general actualizado.
Excelente contenido como siempre Fazt, llevo desarrollando 1 año aplicaciones bastante complejas con react y estos pequeños detalles me motivan a mejorar mi código. Sin duda alguna lo aplicaré en un proyecto actual. 🙌
Espectacular explicación. Comencé un proyecto con NextJS 14 desde una plantilla de NextUI que viene con Typescript y con tu video ahora pude entender algunas cosas. Gracias!
Gracias Fazt, estaria genial terminar haciendo un shadcn, me refiero a que explicaras como usan ctx, etc. para el tema de las clases de tailwind y las variantes. Saludos
Gracias por el video fazt, podrías hacer tutoriales de este mismo tema pero usando solo javascript y webcomponents (para los más puristas como yo). Saludos y éxitos
Excelente contenido Fazt como siempre, de lo mejor de YT, sigue asi profundizando estos temas. Conoces la librería propelauth, algún tutorial, se ve que tiene potencial para un login o app B2B.
Excelente!!! algun video de estructura de carpetas? para ser mas ordenado con la estrucctura , tal cual como el ejemplo de el UI con su index.ts y tyepscript para los que usamos mas javascripts?
Excelente video. Una consulta, como hago si quiero dar una personalización extra en estilo del componente. Por ejemplo con tailwind tengo el estilo del componente Input y este lo implemento con name, lastname, password. Pero por ejemplo quiero que solo en password tenga otro color el hover. Cómo hago? Puedo reutilizar el componente Input?
Tengo lo mismo para varios proyectos, puedes enseñar subirlo como paquete de npm. asi cuando actualice uno, y decida actualizar los demás solo haga una actualización de mi paquete, por fas
Hola, excelente video. Muy claro y preciso! Tengo una duda, estoy arrancando con tailwind y vi que sacaste un componente de la pagina pero cuando ingreso me dice que son pagos. Como puedo sacar componentes de esa pagina? O hay otras? Gracias de antemano!!!
Hay alguna diferencia en utilizar un nombre de className y usar directamente el @apply en el archivo CSS? Yo lo hice así, pero no estoy seguro de si es la mejor forma de meter CSS porque tener muchas clases en un Div de HTML se me hace difícil de leer.
Gracias por los consejos profe. Yo intenté hacer un botón reutilizable en el que tenía un color por defecto pero también podía recibir uno props si ek botón lo requería. Lo hice usando las clases de tailwind pero por alguna razón no me actualizaba el color. Lo mismo me sucedió con un spinner, no me agarraba el color o el tamaño pasado por props 😢. Alguien sabrá por qué?
Que feo se ve el html con tanta utilidad... donde este css nativo y una buena metodología css que se quiten estas herramientas. Debe ser horrible mantener un proyecto de tailwind y ya ni te cuento el actualizar componentes a una versión superior que tenga breaking changes.
Realmente mantenerlo puede ser relativamente más fácil. Cuando quieres modificar el estilo vas directamente al componente que tiene ese in-line style. Con css nativo tendrías que ir al archivo css (pueden ser varios) y esperar que los archivos de más alto nivel no afecten a como vas a modificar ese componente en específico
@@ManuelRico1098 todo depende de lo atómico que tengas tu css. Sin una buena metodología puede pasar. Pero esa es la diferencia entre un júnior y un senior.
tengo entendido que tailwind te ayuda en mas cosas como en css que no se usa, digamos que tienes un css de un botón que tiene un hover pero nunca haces hover en ese boton, al final cientos de lineas de css no usadas esperando, al ser tailwind de utilidad es posible que otro componente este usando hover y si se esta usando y solo se esta exportando una vez para todooodo el proyecto.
Necesitaba unos calcetines negros con un Pokémon de color fucsia dibujado, al pagarlo en la tienda, había un cartel que decía: Fazt ya lo compro!!!. Que grande eres!, cdo pienso en que necesito aprender algo, ya tienes un video y por lo general actualizado.
grande fazt! me alegra que estes muy activo ultimamente!!
Excelente contenido como siempre Fazt, llevo desarrollando 1 año aplicaciones bastante complejas con react y estos pequeños detalles me motivan a mejorar mi código. Sin duda alguna lo aplicaré en un proyecto actual. 🙌
Aporte de calidad ⭐⭐⭐⭐⭐
Este contenido es de mucha utilidad para reforzar esos conocimientos en React. A reventar ese botón de likes. Saludos
fazt muchas gracias, este contenido realmente no se encuentra en cualquier lado y me consta, con tus demostraciones me das muchas luces ^^.
Que grande sos, no dejes de compartir conocimientos, nos has ayudado a MILLONES de personas
Espectacular explicación. Comencé un proyecto con NextJS 14 desde una plantilla de NextUI que viene con Typescript y con tu video ahora pude entender algunas cosas. Gracias!
justo lo estaba practicando de la forma mas horrible que encontré jajaja. Esta linea es genial ({...props})
Muy buen video y aporte Fazt 🙌🏽💪🏽
Siempre compartiendo calidad, muchisimas gracias!
Impresionante explicación! muchas gracias
Como siempre, excelente contenido Fazt
Gracias Fazt, estaria genial terminar haciendo un shadcn, me refiero a que explicaras como usan ctx, etc. para el tema de las clases de tailwind y las variantes. Saludos
ha sido de gran ayuda , muchas gracias
Gracias Fazt , excelente contenido !
Gracias por el video fazt, podrías hacer tutoriales de este mismo tema pero usando solo javascript y webcomponents (para los más puristas como yo).
Saludos y éxitos
Excelente contenido Fazt como siempre, de lo mejor de YT, sigue asi profundizando estos temas.
Conoces la librería propelauth, algún tutorial, se ve que tiene potencial para un login o app B2B.
No lo he utilizado, pero suena muy interesante, voy a probarlo para crear un video del tema :)
Excelente!!! algun video de estructura de carpetas? para ser mas ordenado con la estrucctura , tal cual como el ejemplo de el UI con su index.ts y tyepscript para los que usamos mas javascripts?
Es una buena idea de tutorial, voy a crear algo pronto
@@FaztCode Muy bueno Fazt!
muy buen material, muchas gracias fazt code
Gracias hermano ❤
Me encantan tus vídeos loco, sigue así 👏🏽
muy buen video
puedes hacer uno desarrollando un landing page con form con react,mongodb,nodejs y mas algo completo
Eres el mejor
Excelente video. Gracias.
Q bien q explicas ❤
Fazt siempre el mejor
Excelente! WOW!
Hay manera de obtener el autocompletado si mi proyecto no usa TS ?
Yo hago algo parecido pero en lugar de separar todo el componente para luego reutilizarlo, solo lo hago con la clases.
Gracias, hubiera estado bueno ver un objeto de Botón con sus variantes (warning, info, danger, etc..)
Que tal Fazt, excelente video, también se podría copiar las props de la misma forma que lo haces en el vídeo pero, usando React ?
Pregunta, no se usa mas NPM create-next-app?
Que idea genial, pero una pregunta: al momento de utilizar los props, como se haría la misma funcionalidad en js?
buen video gracias
GRACIAS
¿Cómo haces para saber tanto? Eres mi Meta, quiero saber casi tanto como tú!
Gracias Fazt... Pudieras hacer un video hablando sobre Lit Element?? Saludos
Si es una buena idea :)
Fazt espero que pronto nos puedas hablar de de styleX al parecer se puede venir con fuerza.
Es buena idea, voy a preparar un video del tema, gracias por la idea :)
Excelente video. Una consulta, como hago si quiero dar una personalización extra en estilo del componente. Por ejemplo con tailwind tengo el estilo del componente Input y este lo implemento con name, lastname, password. Pero por ejemplo quiero que solo en password tenga otro color el hover. Cómo hago? Puedo reutilizar el componente Input?
Muy bueno
Tengo lo mismo para varios proyectos, puedes enseñar subirlo como paquete de npm.
asi cuando actualice uno, y decida actualizar los demás solo haga una actualización de mi paquete, por fas
Esa es una buena idea para un tutorial, voy a crear algo pronto
Hola, excelente video. Muy claro y preciso!
Tengo una duda, estoy arrancando con tailwind y vi que sacaste un componente de la pagina pero cuando ingreso me dice que son pagos. Como puedo sacar componentes de esa pagina? O hay otras?
Gracias de antemano!!!
Hay alguna diferencia en utilizar un nombre de className y usar directamente el @apply en el archivo CSS? Yo lo hice así, pero no estoy seguro de si es la mejor forma de meter CSS porque tener muchas clases en un Div de HTML se me hace difícil de leer.
Hay alguna desventaja o situación que no deje hacer Tailwind UI en su versión gratis? Veía que tiene una versión pagada
Gran video fazt, una pregunta solamente, solo funciona con TypeScript? O también existe su equivalencia en JavaScript?
Esto se puede hacer con javascript sin problemas
Gracias por los consejos profe. Yo intenté hacer un botón reutilizable en el que tenía un color por defecto pero también podía recibir uno props si ek botón lo requería. Lo hice usando las clases de tailwind pero por alguna razón no me actualizaba el color. Lo mismo me sucedió con un spinner, no me agarraba el color o el tamaño pasado por props 😢. Alguien sabrá por qué?
Podrías crear un video sobre Reflex de python?
En caso de que usemos react js en mejor usar proptypes en vez de usar Interfaces de TypeScript?
Si claro, si no usas Typescript, puedes usar prop-types para comprobar los props
🙌🏼🙌🏼
crack
Su canal de Twitch lo borro?
genial pero realmente valdria la pena ?
y con javascript? sin tipar ? :0
hola
Que feo se ve el html con tanta utilidad... donde este css nativo y una buena metodología css que se quiten estas herramientas.
Debe ser horrible mantener un proyecto de tailwind y ya ni te cuento el actualizar componentes a una versión superior que tenga breaking changes.
Realmente mantenerlo puede ser relativamente más fácil. Cuando quieres modificar el estilo vas directamente al componente que tiene ese in-line style. Con css nativo tendrías que ir al archivo css (pueden ser varios) y esperar que los archivos de más alto nivel no afecten a como vas a modificar ese componente en específico
@@ManuelRico1098 todo depende de lo atómico que tengas tu css. Sin una buena metodología puede pasar. Pero esa es la diferencia entre un júnior y un senior.
tengo entendido que tailwind te ayuda en mas cosas como en css que no se usa, digamos que tienes un css de un botón que tiene un hover pero nunca haces hover en ese boton, al final cientos de lineas de css no usadas esperando, al ser tailwind de utilidad es posible que otro componente este usando hover y si se esta usando y solo se esta exportando una vez para todooodo el proyecto.
Gracias FAZT excelente video genio!!!.