Peleas sin sentido: CSS-in-JS vs Tailwind

El creador de tamagui dice que Guillermo Rauch tiene una agenda oculta para impulsar Tailwind y acabar con CSS-in-JS
▶ No te pierdas más directos en: / midudev
▶ Artículo analizado: x.com/tamagui_...
x.com/timneutk...

[@DGoxAn]

Cada dia más cerca de ser un canal de chismes xdd

[@jedidiahzapata365]

@@DGoxAn cada día dice que algo a muerto 😹 ya me está dando ansiedad

[@orangeman3434]

que no lo es ya? un respiro a ver tanto codigo diariamente xd

[@hachetrescomacatorce2340]

javascript esta muerto..... momentito si hay un video asi jajajaj ..

[@elbromas12459]

Ahora qué a muerto?, cuándo desaparecerán lo programadores ? Son preguntas qué hago mientras ésto sentado en el baño pensando en el infinito y en mi KZbinr favorito

[@sirvladVI]

multitasking brain 😎

[@ernestomotta5178]

Andas clonando a Midu? 😂

[@erick.]

mastercss en ascendencia después de este video 📈📈

[@ZadKielRandgris]

Yo comiendo palomitas mientras veo la pelea y uso Bootstrap 😅

[@edDorado]

En el caso de Tailwind me me resulta más fácil usarlo qué el mismo CSS 😅 y otra cosa es que no sabia que se podía usar CSS en JS, cada día aprendiendo más cosas interesantes de este maravilloso mundo del desarrollo 🫡

[@mardev666]

otra vez el gato, entiendan que ese gato es la mente maestra detrás de todo

[@saitohajime8342]

Vas a caer gege ✊

[@andresvega1089]

Lo único bueno que tiene tailwind es lo fácil que usa el responsive y los themes, pero es básicamente escribir propiedades con la propiedad style

[@germandavid2520]

no, no es lo mismo, en la documentación de tailwindcss dice porqué, busca en google "tailwindcss why not just use inline styles?"

[@skabeche81]

No es sólo eso, pero bueno, te invito a que conozcas mejor Tailwind

[@realdiegor]

La única diferencia es que la propiedad styles no permite pseudo classes ni pseudo elements. La legibilidad ya es subjetivo pero me siento más cómodo leyendo tailwind que un objeto de propiedades css

[@andresvega1089]

@@skabeche81 por experiencia lo digo, entre mas lo uso, mas me convenzo de ello

[@andresvega1089]

@@realdiegor es mejor, en mi experiencia, generar clases y sus propiedades anidadas con sass incluso con el mismo css. Mucho mas reutilizable y legible.

[@weengineers5999]

Yo en verdad cuando vi css en js, no me gustó la sintaxis que teníamos que hacer para realizar unos simples diseño, y sobre todo cuando hay tema de rapidez y entregas por hacer, tailwindcss me facilitó la vida con sus utilidades y también tiene componentes y eso es maravilloso, por eso me incliné por usar tailwindcss en mis proyectos actuales y siguientes hasta que aparezca un framework diferente.

[@fabriziojordan1475]

13:49 el problema con eso es que entonces cualquiera con el poder suficiente puede hacer que nos veamos obligados a usar lo que quieren aunque no valga ni remotamente la pena. Que no gana lo mejor siempre pasa, pero que pase siempre no significa que esté bien o mal, lo único que importa es lo que es mejor para los desarrolladores y para los usuarios.

[@skabeche81]

Tras más de 20 años lidiando con el CSS de cientos de proyectos creado por diferentes desarrolladores, encontré Tailwind y por fin veo una homogeneidad en los proyectos: no más código CSS caótico reescrito una y otra vez, con clases que se solapan unas con otras, con nombres de clases que no significan nada y no sabes como identificar, haciendo scroll entre cientos de lineas en diferentes archivos, donde cada desarrollador sigue su propio estilo, etc. Tailwind no es perfecto pero ayuda mucho a la consistencia y legibilidad de código entre equipos y proyectos, y sobretodo es rápido de escribir y entender de un sólo vistazo.

[@gatomontesroseIII]

que hagas mal css, seas desordenado, no sepas organizarte es una cosa ajena, no es culpa de css, una vez que lo haces bien ordenado y entiendas la lógica notaras la diferencia porque no tendrás que sobrescribir nada ni habrá tantas líneas.

[@skabeche81]

@@gatomontesroseIII el problema es que no todos los desarrolladores son organizados y lidiar con proyectos no creados por uno mismo puede ser una pesadilla, Tailwind ayuda a ser consistente y homogéneo en entornos colaborativos, además de ser rápido de leer y escribir.

[@sirvladVI]

Tailwind está bien. es una camionada de choclos en código, pero anda bien.

[@alexis-pz2ro]

Dio mio, pero si Angular es la gloria!!

[@sergioacuna1772]

13:15 a tailwind le pasó lo mismo que al mp3 con el audio, pueden haber mejores formatos, pero el mp3 se estandarizó completamente. Ahora puede ser que tailwind de un giro a ser muy potente.

[@weengineers5999]

Exactamente existirán muchos frameworks y librerías para escoger, pero será el que más se usado y soportado por otras tecnologías, sabiendo que tiene muchos beneficios usarla

[@juniorramirez9629]

un día normal en twitter 😅

[@AdanSc]

Suéltame del brazo me lastimas jajajajajjaja xD

[@compartelo007]

de verdad que flipo @08:00, o sea que si Midu tiene un canal con mas de 300 mil seguidores se tiene que morder la lengüa y no decir que le gusta más React que angular por ejemplo pero si yo tengo un canal con mil seguidores pues como no soy influyente puedo decir lo que quiera. Estoy alucinando, si a Midu le gusta más una cosa que otra pues lo dice y ya está y será en este caso del ejemplo, Ángular quien tenga que seguir mejorando e imnovando para que las influencias de los que opinan cambien, pero que se lo curren los proyectos y que cada uno opine como le venga en gana

[@sbtiancz]

El mundo de la tecnología no funciona tan asi, aunque los influencers dan recomendaciones y están al tanto de nuevas tecnologías o herramientas, en el mundo real o por lo menos a nivel profesional las opiniones de una tecnología u otra son mas objetivas y no eligen utilizar un framework porque esta de moda. Ejemplo es el caso de Angular, a nivel empresarial es lo mas utilizado por goleada a React, React normalmente lo usan startups básicamente por 2 razones, hay mas talento y por ende mas barato y facil de conseguir y segundo por ser el chico cool en su momento, porque a dia de hoy sabemos que React es una caca, solo esta ahí por se el popular. Luego esta Next que llego para hacer entrar a React al mundo empresarial y lo logro, por eso mismo despues de la versión 13 a muchos no les gusto y ahora en día hacer una landing con Next es impensable, al final del día lo que buscan es que a nivel profesional usen sus herramientas.

[@vosyasabesquien]

no es tanto su opinión, sino que prefiere hablar de lo que sabe y de lo que le gusta.

[@MageLink]

Midu, vuélvete masón y destruye Tailwind. El mundo te lo agradecerá

[@RoylerDev]

qué mundo?

[@luisgranados9104]

El de los masones 🗿

[@weengineers5999]

Se autodestruiría midu

[@xsrpma]

Ya no saben como colgarse de Vercel. Debe ser rentable

[@sergioacuna1772]

9:43 las inversiones siempre son un riesgo, y css el una de las tres bases, y es la que le da forma a la web, literal.

[@AlexCoronell]

Yo después de este video. Buscando MasterCSS

[@ervisfrend]

Que rico es el salseo , chisme , sabroso 😅

[@nicode433]

Me encanta la novela a la nochecita con un yogurt y unas galletitas

[@pxkqd]

He usado los dos desde que empezaron. Antes de tailwind usé tachyons, que nació antes y tiene el mismo concepto. Y css-in-js he probado varias iteraciones, styled components, la version de react-native, etc. Tailwind simplemente mola más.

[@germanjesus214]

estaba indeciso si estudiar react o angular, pero con midu ya me decidí, angular no lo concen ni en su casa, me voy por react.

[@nicode433]

Midu hablando sobre Guillermo que dice que esta muerto defendiendolo diciendo solo que ya no le gusta con una remera con calabera de fondo. Subliminal message

[@akos2427]

Se te echo de menos en el morcillaconf ❤

[@JerLuis99]

tailwind es lo mejor que ha sucedido en el universo, lastima que llego tan tarde, debio existir hace mucho tiempo

[@dira4734]

Aguante Tailwind, para que tener abstracciones cuando no hace falta. Quiero ver los estilos de un componente y están ahí directamente, a la vista y punto

[@leonardohidalgo5127]

Porque las abstracciones hacen un código más legible, limpio, rápido de escribir, mayor compatibilidad con frameworks que aportan arquitectura y más que nada porque acompañan el encapsulamiemto y hace sencilla la escalabilidad. Por ejemplo el html de un componente moderno contiene bloques de funcionalidades lógicas y por eso es preferible tener separado los estilos, la logica y el template de html lo más posible, y así no sobrecargar a ninguno con sintaxis que ejerce funcionalidad en un apartado específico.

[@dira4734]

@@leonardohidalgo5127 para mi mas rapido es ver directamente los estilos en el mismo componente, obvio que entiendo tu punto. Pero si es mas practico para el desarrollo tener menos abstracciones cual es el problema. A veces el clean code te hace hacer demasiadas abstracciones sin sentido en mi opinion

[@leonardohidalgo5127]

@@dira4734 Lo hace sí, pero muchos frameworks disminuyen ese tedio dando soporte a la arquitectura, aparte es útil cuando tocas código que hace mucho no lo veías o cuando tocas código ajeno. Para un proyecto o trabajo al que no vas escalar y al propósito de velocidad y al uso con tailwind te es más conveniente y rápido, siempre va a depender de la necesidad real del proyecto lo que te convenga elegir. Hay una mala tendencia de puritanismo de hacer todo con un framework o hacer todo con vainilla o casarte con una tecnología en general y aplicarlo en todo lo que haces y eso si no es necesario ni útil, hay que elegir las herramientas que sean eficiente en cada proyecto o sino es al pedo que existan tantas para cada necesidad.

[@__7725]

Yo tuve una idea para simplificar css y era parecida a tailwind pero ya tailwind ya existía jajaja.

[@brainglab]

El problema de Tailwin es que mezcla JS, CSS, HTML (funcionalidad, estilo y presentación) en un mismo archivo, algo que por años se a intentado evitar. Mezclar los archivos en uno solo, es un error porque dificulta la lectura, escalabilidad, correcciones. Siempre se ha impulsado en el mundo TI el separar funcionalidades para desacoplar lo mas que se pueda JS, CSS, Html.

[@robertoamaya6980]

Exacto!!! Y después darle mantenimiento a esas puercadas de tailwind es tan complicado que al estar revuelto con js, rompe el sistema. O peor, no acepta cambios o son de difícil manipulación. Al final es una Choricera de clases en un miserable boton, por ejemplo. Que podría ser solución de una sola clase. En lo personal tailwind es una basura. Me resuelve mucho mas vuetify, bootstrap o css puro. (programo desde el 2010) cuando era de convertir muchos sitios web a responsive.

[@emauriciobc]

😂😂😂 este midu y su react 😂😂😂

[@jorgegamboa5408]

Pero uds no sienten lo mismo que yo ? Darle estilos a tu gusto es genial!

[@nicaclark5972]

tailwind está genial si necesitas hacer algo rápido y para proyectos chicos/medianos. Para proyectos grandes o para customizar a gusto, mejor clases css y scss.

[@cesarpedroza4637]

Midu mato angular 🤣

[@rubenpire657]

Midu, el Angular Killer

[@rubenpire657]

Es broma, por si las dudas. Saludos desde Venezuela crack 👍

[@charlysalega4386]

JQuery, Bootstrap, TypeScript, Tailwind son muy aceptados por la comunidad de programación web

[@josuegarcianunez6304]

Yo no sabia que habia alternativas a Tailwind o boostrap 😮

[@snithfferx]

Yo no entendí. Pero igual eso me sabe a novela mejicana. Por lo del final, diré que, quizá, ahora que ya dijiste algo de esta herramienta, la comunidad comience a darle alas, ya que saben que es lo que está mal, y en muchas ocaciones es lo que un proyecto necesita, que alguien llegue y les de un poco de feedback

[@CarlosMtnezzz]

midu mató a angular!!! 🔪🔪🔪🩸🩸🤣🤣

[@danilocaro2860]

Angular por siempre xD

[@henryp.8927]

En lo personal prefiero aplicar mi propio CSS, mis propios estilos y evitarme esas lineas interminables de estilos de tailwind o bootstrap en mis tags, se ve tan feo con todo eso pero aparte me evito estar repitiendo y repitiendo estilos. Cuando probé tailwind y bootstrap me sentía tan limitado... siento que este tipo de librerías es más para quienes no conocen css en su totalidad y necesitan estás ayudas para hacer cosas más rápidas sin estar razonando de como hacerlo o como es que se hace a la interna, lo cual esta bien si creo ayuda a la rapidez pero limita mucho a crear algo diferente y por eso todos los proyectos frontend tienen la misma apariencia solo cambiando el color.

[@nicolasmueses10a85]

muy buen video

[@kevinarley6958]

Que es mejor que tailwind? Yo lo amo!! Pero si hay algo mejor quiero usarlo jajaja. 🤭

[@No_estoy_de_acuerdo]

Yo eh usado tailwind pero eso no quiere decir que me guste a mi no me gusta pero hay ciertos proyectos que les va bien tailwind

[@juanarpi163]

Listo Midu, ahora eres el causante de que Tamagui no se use en Bangladesh :'c

[@sugarfree8321]

guille, cuando haste cargo de los osos polares? O te mando los dibujos que tengo filtrados? Ah?

[@MoonlightEros]

Compose Multiplatform le gana

[@d4vid924]

Tengo fuentes que midugato trabaja en tamagui parece que es marketeo

[@dannyprats824]

Midu el audio no esta bien sincronizado con el video, se nota por tus labios.

[@ElPolemista]

CustomProps me mola más

[@edarcode8124]

angular está muerto ? xD

[@daep911]

Css-in-js me parece mal, no me gusta, para cosas muy pequeñas, puede servir, que para ese tamaño mejor css y ya, pero con que crezca poco se hace muy difícil.

[@sebastianestrada1311]

@@daep911 sass 👌🏼

[@robertoamaya6980]

Bien dicho. Y a la larga puede dar problemas de mantenimiento. Tailwind no lo recomiendo.

[@scnredu]

8:05 la gente no sabe que decir, yo estoy trabajando con Angular y en españa hay muucho trabajo de angular y de react también, porque son dos framework bastante estables, dejad de inventaros cosas que no tienen lógica por dios.

[@rumpelstiltskin08]

Tailwind gano por la sencilla razón de que es muy facil hacer copy-paste y el tamano del bundle final no es tan grande 😂

[@Rosebud53]

Que usaias vosotros actualmente? Tailwind, Css-in-Js, Css Puro?

[@axelvalles255]

Depende mucho del proyecto, si es algo personal tailwind pero por la facilidad de maquetar, pero en proyectos del trabajo normalmente compran plantillas y esas plantillas toca trabajar con lo que este hecha por ejemplo mui que tiene soporte de css-in-js pero también lo puedes trabajar en css puro así que no veo el debate en ningún lado

[@juanestebanmoralessaenz8898]

Una combinación. Sobre todo cuando el proyecto va ser grande.

[@pepito7773]

Los 3 🗿

[@AlexNASA4]

Honestamente, por preferencia personal, no me gustan Tailwind ni CSS-in-JS, ya que siento que ensucian la parte lógica de mi proyecto. Prefiero mantener los estilos separados de la lógica, por lo que opto por utilizar CSS puro siempre que sea posible, ya que me parece que todo queda más ordenado y legible. Insisto, es solo una preferencia personal.

[@emmanuelovares]

Tailwind siempre. CSS se me hace muy difícil de mantener y reutilizar con el tiempo. Puedes iniciar super organizado el proyecto, pero al final termino con un desorden insostenible.

[@Karurosagu]

Como que documentos y esa intriga ? que es esto un foro de War Thunder ?

[@esarmiento7]

yo segui al falso dios Bootstrap y ahora debo pagar las consecuencias!!!

[@sebastianestrada1311]

Porque?

[@vicentealcanizhuerta5731]

Personalmente no me agrada tailwind. En css se crearon las clases porque los style eran infinitos... Y ahora han vuelto con tailwind a class... En mi opinión es un paso atrás, pero esta es mi opinión personal

[@robertoamaya6980]

Opino lo mismo que tu. En lo personal tailwind es pura basura.

[@MatiDragon]

yo uso un unico JS para generar todo el CSS de mis paginas y la verdad que no lo cambiaria por nada psd: primer comentario??

[@angelfireful]

React lo mejor igual 💪🏻💪🏻💪🏻💪🏻🤘🏻🤘🏻

[@aluissp]

ese mastercss me interesó xd

[@marinaroaugusto]

Aguante Tailwind! Nada más feo que tener css/scss en archivos .tsx

[@antoniosola91]

Es lo que pasa cuando eres un llorón, como GRauch. No se merece menos 😂

[@robertoamaya6980]

En lo personal, tengo la certeza de que tailwind es una basura. Y da mas problemas de mantenimiento que el CSS simple, bootstrap es superior. No recomiendo tailwind para nada.

[@andresbonelli]

JS ha muerto... El futuro es COBOL y Pascal

[@sebastianestrada1311]

😂😂

[@Karurosagu]

Make CORBA great again

[@juanfranciscoortegaruiz7825]

amo tailwind

[@rolygutierrez6123]

no puedes hablar por todos a muchos nos gustan otras formas de construir nuestras interfaces

[@scarfacethebest]

Lo único que es seguro que ha muerto es el canal de midudev. Cada día más chismes y menos contenido de programación. Me voy al canal de Gentleman Programning 😎

[@axelvalles255]

Me parece un debate estupido la verdad, la mayoria trabajamos para empresas y es difícil cambiar las formas de trabajar, mas bien hay que adaptarse, por ejemplo hay empresas que solo usan mui para todo y ya tu te adaptas

[@hernandoooooooooooooo]

pero taiwind es una mrda jaja osea si tienes que hacer algo rapido supongo q te sirve pero aun asi prefiero tomarme un poco de tiempo mas y hacer que mi html se pueda leer por un humano

[@robertoamaya6980]

Opino igual igual a ti. Tailwind es una basura, un retroceso. Yo programo desde el 2010 cuando se tenia que cambiar los sitios web a responsive, la era del style="" y con tailwind volvimos a esa engorrosa y pesima forma de organizar estilos.

[@jorgegamboa5408]

Aguante css puro

[@robertoamaya6980]

🎉 Y css puro cada vez requiere menos frameworks. Y organizarlo también es mas sencillo. Lo mejor que NO requiere instalar engorrosas dependencias ni librerias que se vuelven obsoletos

[@No_estoy_de_acuerdo]

Css nunca va morir guarden este comentario

[@gatoconcasco]

So tienes todo el tiempo del Mundo usa css puro si no usa tailwind css , ez

[@sebastianestrada1311]

A mi con sass me rinde

[@gilbertluis7996]

Unocss😊

[@keteremillpario]

igual, una mierda ese tailwind.

[@hahsshshfufa]

Es una broma? Es una herramienta y ya... Si se nota que están muy aburridos, ¿Se les habrá quemado el cerebro de tanto programar y ya no tienen sentido común?

[@matias5924]

Sin visitas y primer comentario

[@hechosobretodo]

A mí sí me gusta tailwind la verdad

[@AlexR_418]

Tampoco me gusta Tailwind. Pero lo he tenido que aprender porque es lo que la industria ha tomado, incluyendo las IA.

[@sirvladVI]

Angular 20 va a venir para cambiar el futuro de la programación web.. y la popularidad de React va a empezar a caer 😢

[@jhoansebastian1358]

No creo, todo sabemos que react siempre superará a angular

[@sebastianestrada1311]

Lo dicen por no se cuanta vez pero vamos react mejora, me gusta mucho react y sus contras son muy mejorables

[@sirvladVI]

todo puede ser posible, pero recuerden que las tendencias y las tecnologías siempre cambian y nunca una se mantiene en la cúspide durante mucho tiempo! es solo mi humilde opinión. personalmente uso ambas React y Angular, y las dos me parecen excelentes.

[@sebastianestrada1311]

@@sirvladVI yo creo que angular podria simplificarse un poquito mas.

[@sirvladVI]

@@sebastianestrada1311 Yo opino que Angular es más simple que React. por que? es simple porque hay una forma de hacer las cosas, y es asi siempre..en react tenés 10 formas distintas de hacer lo mismo y no siempre funciona, es decir para trabajar bien con react tenés que tener mucha experiencia y un señor liderando el team o haciendolo el...., cualquier junior agarra la documentación de angular y en dos semanas ya puede hacer el front completo si le pone pilas.

[@doriandamianvasconez4960]

primero?

[@sirvladVI]

si

[@fabriziofarfan927]

React >>>>> Angular

[@freddyjcm]

llegue primero jajaj

[@sirvladVI]

nop

[@freddyjcm]

@@sirvladVI por segundos 🤣

[@sirvladVI]

@@freddyjcm la próxima será tu victoria jeje

[@oliverloops.]

Tailwind no es un estándar y nunca lo será. A pesar de ser una gran herramienta, verdaderamente no es apto para todos los proyectos y que tailwind sea popular tampoco implica que se este utilizando en todaaaa la web, por lo que eso es mentira. Pero la gente que vive en Twitter piensa que todo el mundo está ahí y la realidad es muy distinta.

[@mrdiro1172]

Si, bueno. ¿Alguien tiene hambre?

[@lsolano2707]

Tailwind lovers here