You don't use Tailwind for THIS reason?! (Myths about Tailwind CSS) 

Para nós designers, o padrão 4pt grid e 8pt grid é sensacional! Layout consistente, fácil de trabalhar e com resultado satisfatório.

A produtividade que o tailwind proporciona é fenomenal

Comecei a usar justamente hoje pela praticidade, aí sai esse vídeo e tira a maioria das minhas dúvidas 😜

Sensacional o esclarecimento. Confesso que quando eu comecei a aprender o tailwind - e junto dele o SASS - eu optei por priorizar o SASS justamente porque da "poluição visual" no HTML proporcionado pelo tailwind, mas os seus argumentos foram bem esclarecedores e a coisa faz mais sentido pra mim agora! Vídeo irado!

Pô Diego que daora, vc é minha referência na programação, o tailwind era a única coisa que discordava de vc, mas esse vídeo abriu os olhos pra algumas coisas!

Utilizei num projeto pessoal recentemente e achei interessante. React é um forte candidato para alguns projetos futuros no trabalho.

Diegão, primeiramente, parabéns pelo vídeo... Você menciona, no final do vídeo que tem os seus defeitos, quais seriam eles? Mais por curiosidade mesmo, pois estou começando a conhecer.

vídeo top , sou acostumando a usa saas e css in js e comecei recentemente a usa tailwind para testa, aprender como se usa , e ta sendo muito massa , e "fuçando" nas propriedades, descobrir /aprendi propriedades do css que não sabia como foi falado no vídeo . todos temos preferencia de libs, mas devemos coloca a situação ,contexto em primeiro lugar e ver qual é a mais adequada para o projeto em questão

Cara... Muito legal esse teu vídeo... Eu já criei alguns apps em React Native e seguia o seguinte padrão, declarar uma constante fora do componente que recebia um StyleSheet.create que por sua vez tinha um objeto com as classes CSS em questão. Depois no componente eu associava as classes criadas nos componentes filhos devidos (View, TextInput, etc)... Essa era a organização que conhecia. Mas agora estou focando no React, o que me levou ao cenário do Next.JS, que me levou ao cenário do TailWind e quando vi aquele monte de classes aplicadas diretamente nas tags eu pirei e achei muito bagunçado kkkkkkkkkkkkkkk Não era algo que eu estava acostumado, mas ao ver o seu vídeo me deu uma visão mais geral da coisa e bastante contexto pra pensar... Muito obrigado

@diego obrigado por me apresentar o Tailwind! Não vivo sem mais nem no reactjs nem no native.

valeu pelos esclarecimentos 👍

O vídeo ficou sensacional. Trouxe diversos pontos que implicam na utilização do Tailwind, diferente de algumas pessoas que gravam simplesmente reclamando, sem aprofundamento algum.

Hoje em dia prefiro performance do que certa "organização", atualmente estou pra iniciar um novo projeto, estava com dúvidas sobre o que usar tailwind ou SASS, esse vídeo me ajudou bastante vê alguns pontos legais que vale apena. A outro ponto é documentação do tailwaind é muito bem organizada e tem tudo lá bem fácil de achar e bem explicado como funciona isso também ajuda bastante.

Sou designer e depois que aprendi usar 8point grid tudo mudou, nunca mais precisei me preocupar em ficar calculando melhor padding pra nada kkkk. Tailwind é maravilhoso ❤

Que vídeo satisfatório! 😊

Seria legal fazer um vídeo também sobre o Vanilla Extract CSS, estou utilizando ele e confesso que de começo é meio confuso mas já estou me adaptando. Tinha essas opiniões sobre o Taillwind mas vou utilizar em algum projeto meu pra ver como me adapto!

O CVA foi uma novidade muito boa para mim. Vou usar em algum projeto para aprender mais

Tailwind é uma ferramenta muito boa que traz uma produtividade muito grande, e aconteceu comigo a mesma coisa, eu sabia muito bem flexbox porem não sabia Grid mas eu conseguia utilizar a classe de grid do tailwind normalmente. De tanto usar o grid do tailwind eu aprendi a usar Grid do css normal, no mais ótimo video Diegão!

Eu uso utilizo bastante o tailwind css nos meus projetos , e com ele me ajudou bastante na produtividade nos Código das minha aplicações , ele me auxilia em varias classe que crio, e principalmente tenho uma autonomia maior na manutenção do Código

Uso Tailwind e Styled-components. Vejo cada projeto e os benefícios de cada "estilizador" para decidir por um ou outro. Isso quando não vou no css com sass.

Essa questão do "theme" é interessante. Pq eu usava o tailwind mas nao o uso do Theme nem de esquemas "meus". Mas quando precisei utilizar as cores corretas de uma empresa, precisei criar as variáveis e entendi a facilidade da ferramenta pra essas questões.

Tive pouco contato com o tailwind mas a primeira impressão quando vi o projeto foi que você precisa criar os componentes com as classes dele. E depois usar eles prontos.

Show eu tinha uma visão diferente sobre tailwind, mas ele é muito pratico

Conheci o Tailwind em uma NLW do ano passado. Simplesmente me apaixonei e desde então não parei mais de usar kkkkkkkkkkkk

Eu recentemente testei o chakra ui, achei interessante a proposta deles e mais fácil de configurar que o tailwind.

já passei por vários modos de estilização, meu primeiro contato com Tailwind foi quando apliquei para uma vaga de emprego, tinha ouvido falar e visto muito pouco, de certo ponto foi muito boa minha experiência, pois como já imaginava ele me deu mais produtividade, o que pode se dizer é algo bom, pois pude focar mais esforço nas funcionalidades solicitados no teste.

o problema do Tailwind em minha opinião, como desenvolvedor a mais de 20 anos, é que ele torna o usuário dependente do que ele aprendeu com Tailwind, despreparando o usuário iniciante para um mercado, onde o css, scss, etc. (sass em geral) são dominantes em acho que 90% dos casos

Sensacional seu parecer sobre o tailwind, sou designer confesso que estou bastante resistente em usar, acho que estava com todas as objeções que você citou... haha! Porém, a equipe de programadores que faço parte, está implementando como padrão o tailwind então estava aqui engolindo seco, mas acho que com seu video percebo que é uma tendência mesmo e com algumas ferramentas vou conseguir me adaptar e talvez passar a gostar dele no futuro.

Depois de utilizar tanto e acostumar com CSS-in-JS, é hora de dar uma aprofundada e uma melhor 'olhada' para o tailwind. Com estes pontos citados no vídeo e mesmo sempre tendo um pé atrás com ele, não tem como mais 'ignorar' ele.

depois que eu descobri o nativewind, quase não precisei mais usar styles pra nada, muito top

Uso no react native styled components mas sem dúvida tenho curoisidade no tailwind. Vou aprender em algum momento. kkkk

Tailwind para fazer media query eh uma maravilha!!!! Esse foi um dos principais motivos para comecar a usar Tailwind sempre. A produtividade voa.

Tailwind é muito bom e tem mais produtividade em alguns casos, assim como o ChakraUI também tem, principalmente na hora do responsivo, tailwind facilita muito. O único ponto negativo da minha experiência com tailwind é ter que repetir alguns prefixos como "hover:uma-coisa hover:outra-coisa" ou no caso dos breakpoints "sm:p-2 sm:m-2 sm:rounded", mas de resto, acho tudo bem intuitivo e produtivo.

Não sou designer, mas achei muito interessante o TailwindCss. Pode ser usado com os Framework de Backend em Js, quanto também com os Framework Python (Django, Flask e FastAPI), o que abre um leque de opções, podendo ser integrado com outros Framework de Front, como AlpineJs, HTMLX, etc.

Para produtividade o tailwind é muito bom, já utilizei tailwind em varios projetos, mas o meu favorito continua sendo styled-components.

Acho o Tailwind fantástico! Nos meus projetos sempre procuro usá-lo!

Bom sou iniciante, atualmente estou estudando Vue e nas aulas é utilizado Tailwind, de todas essas questões mencionadas, a que havia me chamado atenção foi a estilização inline no HTML, que sempre foi desaconselhado desde quando comecei a estudar programação, não entendi bem como aqueles sites separam as classes do Tailwind do HTML mas vou dar uma olhada...

Sou testemunha de tailwind e fui salvo por ele, acredito que terá um espaço maior no mercado, muito mais pela produtividade e facilidade de manutenção também.

Tenho quase 2 anos como programador utilizo laravel como framework. Falando sobre minha Stack no front e isso aqui e uma dica de produtividade. Caso você nunca utilizou ou sente que o tailwind e lento e queria algo mais padronizado e mesmo assim personalizável. Utilize o Mui Ui bem completo e já tem muita coisa pronta para entregar um produto padronizado e bem otimizado. Óbvio se quer algo muito personalizado vá de tailwind ele facilita bastante alguns conceitos css.

Uma outra vantagem muito mas muito escondida é que se você utilizar o plugin do tailwind para o prettier, suas classes serão organizadas na mesma ordem em que ela estão declaradas no arquivo CSS. Mas por que isso importa? Porque se as exatas mesmas classes estão sendo usadas em ordens diferentes em um elemento A e um elemento B, com a expectativa que o resultado final seja diferente, bem... esse não vai ser o caso. O que define o que vai ser aplicado é a especificidade e o que for declarado por último no arquivo CSS. A ordem das classes no HTML não determina nada. Essa padronização de organização das classes evita problemas que até o maior entusiasta de CSS deseja voar longe.

Diegão, traz pra o canal do RU-vid como criar um streaming de videos com NodeJS e React, mas tem que ter rotas autenticadas com JWT ou alguma ferramenta de autenticação. 👀

Particularmente prefiro utilizar o Bootstrap, faz eu perder menos tempo criando componentes do que se utilizasse o Tailwind. Mas já utilizei ele e vejo algumas vantagens, como a personalização de cores e fontes, tipo um bg-[cor] do que ter que fazer um código css a parte só pra isso.. Agora concordo, se estiver utilizando React, Vue ou algo do tipo, e componetizando tudo... deve ser bem mais ágil usar o Tailwind (nunca gostei do styled_component, acho ele limitante, e já testei o bulma.css tbm)

Vejo o tailwind como uma ferramenta fantástica. É bem como o Diego falou, ele te traz um arcabouço de opinião e padronização que muitas vezes não temos ou não pensamos no início de um projeto. São motivos consideráveis para se optar por essa biblioteca. Mas como eu gosto de discordar... Kkkk Existem alguns motivos pelos quais eu não curto muito usar essa lib, principalmente em projetos que tendem a ganhar muita proporção. Vou citar os principais pontos: 1 você precisa decorar as classes do tailwind e precisa entender a interoperabilidade entre elas quando juntar mais de uma no mesmo elemento 2 você fica refém de uma biblioteca (não que eh não goste de usar bibliotecas, mas fazer as coisas "na unha" tem seu valor) 3 sim, eu não gosto de ver elementos de HTML ou componentes com uma quantidade considerável de classes css 4 no fim tudo vira css, se você começar de cara com tailwind, sua curva de aprendizado dobra ou triplica (sim, você vai ter que aprender css puro ao mesmo tempo que decora as classes do tailwind) As outras coisas são muito mais de gosto do que relevantes (na minha opinião). Sei que os amantes do tailwind vão me criticar, mas verdades sejam ditas. Com qualquer coisa pronta que você pega e usa, em algum momento você vai encontrar o limite de produtividade obtido no início do projeto e sempre vai ser em um momento em que não tem tempo (nunca tem) de refatorar pra algo diferente. Em meus projetos procuro analisar sob três pontos pra optar por tailwind ou qualquer outra api de componentes prontos. Se eu tenho tempo pra começar o projeto pensando nessas decisões de padronização? Se esse padrão já existe? Ou seja, eu tenho uma grade de componentes pensados e desenhados e, tenho pelo menos uma ideia bem definida do resultado final (com relação a estilo e layout...), mesmo que em baixa fidelidade... E se o projeto não é apenas um sistema que leve aí no máximo um ano pra ser desenvolvido e depois seja só manutenção? Ou seja não será um sistema ou software pequeno Se a resposta pra pelo menos essas três perguntas for um não bem redondo, com certeza tailwind, chackra ou material ui serão fortemente considerados. Mas isso aí é o básico, existem inúmeras questões que deveriam ser levadas em consideração mas que muitas vezes no dia a dia a gente negligência e vai pelo caminho que nos sentimos mais confortáveis. Por último expresso minha humilde opinião quando digo que não gosto do caminho que o react está seguindo, quando ele "força a utilização de next e declara que seu padrão de estilização vai ser o tailwind" . É a mesma história de passar a esconder mais a documentação de Components e dar evidência pra hooks.

Trabalho com tailwind há pelo menos uns 2 anos e ate hoje nunca me deixou na mao, supriu em 100% das necessidades. Atualmente integrei o DaisyUI e ele tem se mostrado muito eficaz e simples na utilização

Você disse nesse vídeo tudo e mais um pouco do que eu digo/comparo o uso do tailwind para pessoas que tem a desconfiança do "quem usa tailwind não aprende CSS".

Particularmente não gosto do Tailwind, porém não tem como negar suas enormes vantagens, acaba salvando muito o projeto que estou atualmente, pois muitos lá não mexeram tão afundo com CSS e ter essa facilidade na hora de escrever a estilização proporcionada pelo Tailwind realmente ajuda.

gosto bastante de usar StyledComponents junto com classcat

Gostaria de ver uma lib como o Tailwind utilizando os nomes de classes compatíveis com o emmet. Eu gosto de trabalhar com design tokens.

Depois que utilizei Tailwind e pego algo com css normal ou css in js sinto MTA diferença, Tailwind agora é como um ímã.

Experimentem Chakra UI sem dúvidas o melhor que já usei, agiliza muito o desenvolvimento principalmente para fazer o responsivo

Sempre me dei bem usando o styled-components. Esses dias precisei fazer um teste técnico e me pediram pra usar Tailwind. Fiz de cara feia, mas fiz e a ferramenta está aprovadíssima, de fato é bem mais produtivo e em meia hora de código já não precisava mais ficar toda hora olhando a documentação. Mas uma coisa ainda não mudou, o código fica mais sujo sim hahaha. Mesmo reduzindo ao máximo os componentes. Fiz uma tabela que tinha funções, chamada à API, estilização e html tudo no mesmo componente e ficou uma zorra.

Atualmente, estou utilizando o MantineUI, tendo experimentado várias bibliotecas, incluindo o Tailwind. Na minha opinião, o MantineUI se destaca como uma opção incrivelmente superior, e eu recomendo que quem ainda não conhece dê uma olhada, pois vale a pena!

Pessoalmente não sou muito chegado ao TW, isso pq eu gosto muito de mexer com CSS puro, brincar com pseudo-classes, pseudo-elements, animações, fazer coisas especificamente em atributos adicionados dinamicamente a alguma tag html ou até mesmo desenhar com css. Criei alguns snippets pra inicializar padronizado meu CSS com fonts, colors, timers, spaces, sizes, tudo separado e eu vou apenas utilizando as variáveis. O CSS tem avançado bem nos últimos tempos também, mas eu entendo que não são todos que fazem isso, principalmente quem tá iniciando. Mas eu entendo o ponto e as vantagens de usar o TW, e estou me forçando a usá-lo mais. Ele agiliza muito o trabalho, ele já trás cálculos que você precisaria escrever no seu CSS, ele facilita para caso de pessoas novas entrarem na equipe, ele poupa tempo na criação de um novo projeto, com seus padrões já definidos (e/ou um arquivo criado pela equipe para definir padrões muito fácil de ler), ele poupa o seu trabalho de ficar inventando nome de classes(apesar disso deixar organizado, as vezes é complicado ter tantos nomes). A maior parte das classes são nomeadas com o que ela faz, isso torna fácil a utilização do TW. Ainda tenho algumas dúvidas perante ao TW, mas com o tempo, a doc e alguns vídeos eu vou sanando e aprendendo a converter meu CSS em TW. 🙂 (Ah, e também com a extensão no VSC "Tailwind CSS IntelliSense")

Cara nessas horas fico feliz de ter ido pra flutter, é mt mais simples e entrega tanto

joga esses videos como podcast no spotfy

O papo é o seguinte se vc tem boletos para pagar tu vai usar até lapis de cor kkkk lembre se usuario final nao vai fica questionando se vc usou x ou y framework ele não sabe nem o que é isso kkk o importante e entregar na data e se garantir na manutenção o resto que crítica ferramenta e pq nao ta tendo boleto pra pagar kkk

Eu sou novo em programação, mas ainda bem que já estudei bastante tailwind, e gosto muito dessa biblioteca. Não sei ele de forma avançada ainda, mas o básico já estudei.

gosto demais desse estilo...

O Tailwind é excelente para reaproveitamento de fonte desde os Design Tokens até os Templates quando se pretende desenvolver seus próprios Sistemas de Design. Porém iniciar um projeto sem reaproveitamento com pequenas modificações recomendo o Radix.

uso bastante com o react native, é bem melhor do que as outras libs.

Tailwind Variantes tbm é uma lib interessante.

Esse "sujo" da pra resolver com um plugin do prettier que faz o sort nas classes e deixa mais organizado. Hoje não me arrependo de ter trocado o sass pelo tailwind.

eu tenho um certo de preconceito com essas ferramentas desde a época do bootstrap 3 kkkkkk eu sou do team Sass e atualmente uso o css modules com Sass nos meus projetso React e Nextjs, mas confesso que estou próximo de começar a estudar Tailwind , conhecimento é sempre vindo na nessa área!!

Uma ferramenta sensacional!

O tailwind aliviou minha raiva de trabalhar com detalhes no css do front. Não fico sem! E acho ótimo deixar um componente em um único arquivo. É até mais lógico.

Gosto muito quando o Diego traz essas bibliotecas que parecem fantásticas e eu nunca tinha ouvido falar, seria legal ter algo trazer ainda mais dessas libs

Uso tailwind a quase 1 ano, e pra mim é a melhor forma de trabalhar css, só a importação da fontes tira um pouco a paciencia mas tudo da pra resolver.

Eu não conheço nada sobre o Tailwind mas até agora ele me parece um utilitário CSS. E quanto usar valores múltiplos de 4 para espaçamentos, SIM! isso é uma heurística no design que também pode ser usada em um arquivo utilitário CSS , e isso é definido muito antes do código pelo design do projeto. Mas tenho que conhecer mais essa ferramenta.

Eu gostaria que o chakra UI tivesse o sucesso, a visibilidade e diversidade de plataformas que o tailwind tem. ❤ Amo Chakra UI. Amo CSS em geral.

Muito bem colocado Diego! Tailwind nada mais é que css com um design system embutido, e diga-se de passagem, um design system que não é qualquer designer que da conta de fazer... há uma ciência por traz de cada combinação de cores, tamanhos e espaçamentos, tudo foi estudado para que você tome decisões mais rápido e tenha um resultado consistente, quem quiser uma leitura recomendo o livro RefactoringUI dos criadores do próprio tailwind. É muito comum as pessoas compararem com bootstrap, mas eles não tem NADA a ver. Há uma diferença entre design SYSTEM, onde voce tem padrões de cores e tamanhos pra utilizar, e um design THEME onde a ferramenta já tem opiniões específicas de como um botão ou um card, por exemplo deve ser, que é o caso do bootstrap. Estou trabalhando com Tailwind a mais de 1 ano e é a melhor experiencia que já tive com front-end. É praticamente o Typescript do CSS. Fiz projetos com design totalmente únicos e com muita velocidade. Outro ponto muito importante do Tailwind é a performance, já que voce esta repetindo as mesmas classes, o bundle enviado pro cliente é o menor possível, é muito fácil atingir notas perfeitas no lighthouse se SEO for importante pro projeto. O plugin do prettier e a extensão do vscode também trazem uma experiencia de desenvolvimento sem igual.

Achei o TailwindCss interessante, mas gostei mais de usar o ChakraUI. Ambas são de mais, mas Chakra eu achei sensacional!

Também aprendi Tailwind para usar em um projeto que peguei já andando. E também estranhei aquele monte de CSS junto do HTML. Descobri depois que daria para separar usando ferramentas do próprio PostCSS e fica tranquilo!

E em relação ao Bootstrap 5? Ninguém usa mais?

eu era hater, agora to usando e to até curtindo de escrver as classes. e de fato mesmo manjando muito de css a gente acaba aprendendo mais ainda com as classes do tailwind com o preview que ele da do css por tras dos panos. Mas eu ainda prefiro continuar usando ferramentas prontas de ui, como mui, bootstrap, antd na minha empresa, pq la é mt genérico e não precisa ser tão criativo quando se usa taiwind. agora em next, ai a melhor opçao sera de fato o tailwind

Also realmente o tailwind ele n te dá muita flexibilidade em coisas muito específicas do css, mas como são muito específicas e são usadas apenas uma vez dá pra vc add uma class costumizavel nos utils do tailwind e usar ele com o sistema poderoso do tailwind(lembrando que são poucos casos)

acho que um problema é ter que aprender uma coisa que vc ja sabe fazer com css. Vc ja sabe usar font-size:1rem, mas tem que aprender como fazer isso com uma class do tailwind. O que eu acho importante é o dev procurar conhecer o maximo que puder, pq dificilmente em uma carreira de dev vc vai usar só 1 tipo de tecnologia/lib/framework

sou backend, estou desenvolvendo um pouco meu conhecimento em front, e estou pensando em aprender tailwind, o video foi bem esclarecedor!!

É usado Tailwind em algum projeto do Ignite?

Minha experiência com Tailwind, tive que começar um projeto com Next Js e tailwind…ao começo achava super chato…código sujo, enfim, só que ao final percebi que desenvolvi mais rápido cada tela…aí fique com tailwind até em React Native e fiquei aí…mas a semana passada, tive que pegar um projeto React com CSS puro…e tenho que ser honesto…nunca tive tantas saudades de uma tecnologia…como senti por tailwind…

Eu amo tailwind principalmente com a diretiva @apply. Meus projetos todos são com CSS Module, SASS e Tailwind.

Já utilizei o tailwind em projetos grandes, gostei, foi bem produtivo realmente. Foi o primeiro nessa pegada que experimentei devido a exigência do projeto que trabalhei (internacional, empresa grande). Porém, eu não consigo gostar dele mais do que gosto de trabalhar com Chakra UI no React / Next.js. o Chakra eu consigo, pessoalmente, ser muito produtivo e a manutenção é sem dor alguma. Chega a ser gostosa, mesmo bastante tempo depois. Vejo o mercado em maioria indo para tailwind, principalmente para quem atua híbrido, tanto mobile, quanto web, assim como eu. Eu vejo e entendo as vantagens. Não tenho chakra ui no mobile e Nativebase é legal de trabalhar mas não substitui o meu chara ui ou o próprio tailwind (em performance ainda), então eu uso sass / styledcomponent, sou basicao no mobile. Fora isso, voltando a web, gosto muito de trabalhar com Sass com BEM Sintax, e de certa forma o chakra permite eu pensar mais css puro do que o tailwind na minha opinião e gosto pessoal tbm. Mas, se não for trabalho solo ou projeto pessoal, eu defendo que precisamos aprender todos e usar o que for melhor para o projeto / equipe.

Bootstrap ou Tailwind ? No meu conhecimento por mais que não mexi muito com Tailwind acredito serem libs muito semelhantes, existe alguma vantagem diante a outra ou tem alguma preferencia na escolha de um novo projeto?

Ta, me convenceu 😂😂

No início da minha carreira eu também não curtia usar esses métodos “prontos” de estilo, mais hoje eu vejo muito mais vantagens usando do que não usando, hoje eu uso muito o chakra ui e minha produtividade aumentou muito e meu valor na empresa que trabalho só aumentou, depois de 8 anos escrevendo css (e sempre gostei) hoje vejo só como um “atraso” no projeto. Enfim respeito quem não curti, mais recomendo.

2:55 o problema é que ele não pega todas. Grid, por exemplo, ainda é bem limitado em tailwind Sempre que mexo com Grid em um código talwind eu preciso misturar estilo inline com classes tailwind Sobre o desafio do Diego: construir um masonry grid layout responsivo usando apenas tailwind Disclaimer: eu ADORO tailwind. É meu goto sempre que penso em estilização no front e definitivamente me deixou mais produtivo. PORÉM, reconheço que existem limitações sim

Top, o audio não está como o de costume, mas conteúdo show e concordo totalmente.

QUal tema do VS Code vc ta usando Diegão??

Ta bom, você me convenceu, vou começar a aprender-lo :v:

sou iniciante em programação, estou aprendendo tudo fiz alguns projetos simples inclusive o gratuito da rocketseat com o mayke brito no caso peguei a base do html, css e um pouco de Js , dai fui fazer um projeto usando tailwind e não consegui com o tailwind fazer funcionar o modo light, tive que recorrer ao básico do maykao kkkkk.

Eu utilizo muito Material-UI quando não o sass, porém ao conhecer o Tailwind, sinto vontade em começar a utilizar em meus projetos substituindo o Material-UI, por dar a impressão de mais liberdade na estilização.

Pra mim, que ainda não uso o Tailwind, o que mais pegou foi a barreira de entrada. Sao milhares de classes... Fui criar um projeto usando Tailwind o tempo que eu gastava procurando na documentação qual classe era o que, eu já tinha escrito o css. Sei que a longo prazo é o inverso, vc conhecendo as classes vai agilizar muito o desenvolvimento, mas pra quem quer começar é desanimante. Sem contar, que pelo o que eu vi, as vezes vc coloca uma classe pra colocar uma borda, outra pra cor na borda , outra pra por radius. Aí vc vê q já existe uma q é as 3 juntas. Show! Aí quero colocar um box shadow, aí vc vê q tem outra q é as 4 juntas e vira um card .... Isso se aplica pra qualquer coisa que você queira fazer e vai escalando

Gostaria de saber se tem algum jeito de deixar o css padrão sem ter que copiar todas as classes de um elemento pra outro. Seria uma boa prática enfiar várias strings de classe tailwind num array e chamar dentro dos elementos que quero deixar igual? Se não for assim, qual seria a saída pfv?

Trabalho com TailwindCSS e gosto muito

Acho tailwind muito da hora, já fiz pequenos projetos para estudo mas ainda não tive a oportunidade de trabalhar em um projeto real de uma empresa usando o tailwind.

Eu ainda tenho uma certa dúvida sobre a responsividade no tailwind

Tailwind é top demais!!!

O ruim é quando vc precisa muda algo é uma propriedade do TW vem com 4 propriedades é vc só que muda ou apagar uma, coisa que no css vc apaga uma linha ou modifica.

eu curto usar o emotion, uso o cx entre outras props dele.

O meu problema é q tenho um monte de componentes já estilizados com Styled Components, inclusive com regras de temas e toda uma documentação no Storybook, trocar para Tailwind seria muito trabalhoso e não vejo vantagem

Essa edição ta massa em... "Tailwind fever" kkk