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

Recently, Diego came here to talk about two new developments in the React universe, and one of them sparked a lot of discussion 👀
Since Tailwind became the standard styling tool for Next.js, various controversial opinions have emerged, leading to new conversations on this subject.
Whether you like this change or not, the truth is that you will need to better understand what will happen and what to expect in the development of your React projects from now on.
And Diego shows you a glimpse of what's coming and brings more clarity to your next choice in today's video.

[@toledoluisbr]

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

[@tonhohawks]

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!

[@airtonsena10]

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

[@Lucasezidro]

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!

[@victorsoligo1119]

A produtividade que o tailwind proporciona é fenomenal

[@leoalves5005]

discordo, craque, sobretudo pois muita das vezes vc tem que pesquisar que classe seria aquele comando.

[@doug8590]

​@@leoalves5005isso no início quando está aprendendo, mas depois se acostumar ninguém ficar fazendo isso não kkkk

[@3101leonardo]

@@leoalves5005 eu não abro a docs do tailwind tem provavelmente uns 4 meses e eu utilizo o framework todo dia. Você começa a entender como tudo funciona em um mês praticando. é extremamente intuitivo e além disso tem um intelissense muito bom

[@saviodev777]

eu fico perdido, acho q é falta de costume

[@gustavomello5443]

​

[@jhonatanmotadev]

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

[@wilsonrosagomes]

valeu pelos esclarecimentos 👍

[@vedovelli]

Que vídeo satisfatório! 😊

[@cintiasouza5751]

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.

[@marcosbarros883]

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.

[@joaobraz612]

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

[@1222guilherme]

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!

[@thiagopereira5950]

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!

[@paulonascimento2571]

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

[@franciscomenezes6970]

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

[@diogorafaeljacobs6486]

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.

[@rafaadesign]

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.

[@junioroliveira6968]

Uma ferramenta sensacional!

[@luisfernandolopes9538]

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

[@SabedoriaEstoica_Official]

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

[@doidopb]

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

[@moimsk8]

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.

[@giovanew6002]

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.

[@klebermachado4473]

Compartilho do mesmo ponto de vista. Eu particularmente sou mais produtivo utilizando CSS, e de quebra não fico refém de uma biblioteca.

[@henriquedelben]

Uma pergunta, sou iniciante e já fiz alguns (12) projetos com somente CSS totalmente responsivos, qual o próximo passo você pensa que seja o ideal agora? Ver o Sass? Tailwind ? Outro ? Agradeço desde já, abc

[@ed1nh0]

Só discordo de o TW ser _"um arcabouço de opinião"_ , visto que o apelo dele é justamente o de ser um framework *não opinativo* , mas voltado a utilidade

[@alexandrecolins760]

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.

[@AngeloQueirozTV]

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.

[@williamcerqueira7236]

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

[@thayslima333]

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

[@devalefe]

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

[@WellingtonMota1]

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 ❤

[@allancassio6674]

gosto demais desse estilo...

[@FelipeFontana]

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

[@acassioqueirozz]

Um feedback, também não gostei desse modelo de audio. Parabéns pelo conteúdo da Rocketseat, sempre acompanhando!

[@gabrielantunes455]

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.

[@TutoMaster]

Hhaahhahaha "fiz de cara feia" Foda

[@caiodalo3272]

@@TutoMaster se não me engano, existe uma extensão que esconde as classes tailwind do html e só exibe se você quiser.

[@brenomaini]

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.

[@reinaldodev]

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)

[@palamar_dev]

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

[@ndrsn966]

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.

[@GilbertoMadeira83]

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

[@BrunoBozzetti]

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.

[@borala-]

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

[@fbrump]

Boas, estou a trabalhar como backend software engineer a mais de 11 anos e nos últimos meses descidi começar a voltar ao estudo do Frontend com VueJs, Javascript, Typescript,... e lógico, alguma cena relacionada a CSS. Comecei com Bulma e cheguei a fazer alguns projetos, que resultou bué, porém nos últimos meses comecei a estudar o TailwindCSS e tenho gostado muito. Eu sei que ele tem um foco, mas tem me feito aprender e relembrar o CSS3 (livro que eu li quando estava na faculdade e junto com o jQuery e HTML5. O mais surpreendente foi descobri que ao longo desses anos não mudou tanto o HTML, e CSS, pelo menos no core. Obrigado e continue com o excelente canal.

[@joaoantoniocabral]

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!

[@klebermachado4473]

Você diz utilizando @apply? Qual a diferença disso com CSS se não o fato de adicionar uma abstração a mais? Eu ainda acredito que o tempo gasto aprendendo tailwind poderia ser utilizando aprendendo a escrever CSS melhor estruturado.

[@_zenky]

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.

[@gsgaldino8314]

gosto bastante de usar StyledComponents junto com classcat

[@fernandocoelho1334]

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.

[@EvertJunior]

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.

[@vandodasilvaramos2791]

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...

[@BrocchiRodrigo]

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

[@viniciusdurvalinodesouza4170]

Eu também prefiro ChakraUI por dois motivos. O primeiro é que quando uso um componente fo Chakra ele já vem estilizado.. o máximo que preciso fazer é alterar uma colorScheme ou algo assim. E o segundo motivo é que a parte de acessibilidade já vem pronta. Eu não preciso usar uma outra biblioteca só para lidar com isso

[@pauloweslley5637]

realmente o chakra ui é sem dúvidas mto produtivo

[@BrocchiRodrigo]

​@@viniciusdurvalinodesouza4170 Sim verdade, tem essas outras duas características dele que também achei massa! Cara eu sempre fui de backend e analytics, CSS sempre foi meio dolorido kkkk. React + Next com ChakraUI me ajudam muito a fazer algo legal em menos tempo e sem passar tanta raiva kkkk

[@JoaoNeto-dt7je]

sem duvidas chakra ui é realmente mais produtivo e mais legível, PORÉM, é muito mais pesado, em projetos leve vc n nota diferença, mas em projetos pesados, faz uma diferença de experiência

[@gustavosoares9849]

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

[@odeisouza]

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.

[@Dante-iu7os]

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.

[@DANIELSOUZA-mj5du]

Tailwind organiza em ordem de importância, de como as classes impactam o componente. E é, de fato, a forma correta de se organizar pois escrevendo CSS você deve escrever as classes de maior impacto em cima e as de menor em baixo.

[@evertonfernandes143]

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

[@victorrcamargo]

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

[@LucasSouza-rz2hh]

joga esses videos como podcast no spotfy

[@markqsantos7613]

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.

[@fabiobaziota5919]

Se tu é novo recomendo aprender primeiro o css puro...

[@KayqueAraujo-wh9ej]

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

[@Ramon_Oyster_Cult]

Tailwind e Styled Components, minha recomendação.

[@edymbhify]

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!

[@Ramon_Oyster_Cult]

Tailwind na cabeça! O resto é só o resto.

[@edymbhify]

​@@Ramon_Oyster_Cult Isso é uma perspectiva limitada de ignorantes chauvinistas que não têm capacidade de enxergar outras tecnologias, fixando-se em uma única ideia como absoluta, sem considerar argumentos.

[@igorpestana8608]

Por gentileza, quais pontos você considera superior?

[@edymbhify]

Em termos de desempenho, o Mantine utiliza o PostCss, ao contrário do Emotion (CharkaUI entre outras...). Isso resulta em um ganho de desempenho significativo, além de possibilitar a personalização de componentes em um nível mais baixo. Além disso, ele interage bem com outras bibliotecas, como o Tailwind.@@igorpestana8608

[@cortesdomoose9836]

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.

[@joydamasceno2517]

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

[@vitormelo22]

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.

[@GustavoSiqueira18]

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!!

[@raulvictorrosaa]

eu também sou dessa época kkk, só que meu ponto é diferente, eu comecei a usar Chakra-UI e agora não vejo muito sentido em usar o Tailwind 😅, apesar de eu já ter dado umas testada.

[@GustavoSiqueira18]

@@raulvictorrosaa Eu ainda não usei nenhum desses Frameworks atuais, continuo relutante, mas irei testar todos em algum momento hahahaha por enquanto continuo com o sass a todo o vapor kkkkk

[@raulvictorrosaa]

@@GustavoSiqueira18 Eu apliquei o Chakra-UI em um projeto no trabalho, aí acabei tendo contado todos os dias com a ferramenta, apesar disso estou querendo aplicar o Tailwind em alguma coisa pra ter a certeza se gostei ou não.

[@mksvncs]

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.

[@harukihxh]

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

[@cardsper]

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.

[@alfa1485]

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

[@rogeriomq]

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".

[@elielgomes5199]

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

[@jonathansantosfb]

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.

[@denneroliveira4429]

eu utilizo e gosto bastante também.

[@jonathansantosfb]

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.

[@edymbhify]

Veja o MantineUI

[@aldairlgd]

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.

[@kevenrodriguesmeirelles2241]

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

[@BearkFearGamer]

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

[@EiAlanJones]

Tailwind Variantes tbm é uma lib interessante.

[@wagnersobreira8703]

Ta, me convenceu 😂😂

[@axsilvasousa]

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

[@agnaldogabriel]

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.

[@wagnercsfilho]

Muitos usam os dois juntos

[@iluvsyphonfilter]

Me convenceu a aprender tailwind CSS!

[@Pedro200219]

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?

[@emersonbarros2984]

Nunca usei, vou tentar 😅

[@oliveirafocs]

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

[@edgarsiqueira1995]

To de boa

[@KTMSER-rs8rk]

🎉

[@fernandocosta3307]

Atualmente eu utilizo Styled Components, mas em breve darei uma chance ao Tailwind

[@rafatosta90]

Existe um Styled-components-tailwind para utilizá-lo da mesma forma

[@brunomello7499]

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

[@AboveDofus]

Solução: nao use grid rsrsrsrs

[@devcoelho]

Fiz esse teu desafio aí só com Tailwind. Vê se é isso aqui: Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7

[@brunomello7499]

@@devcoelho tô meio longe de um computador agora =/ você chegou a subir em algum lugar? Pra servir de referência: masonry grid é tipo um feed do Pinterest

[@fagner-sa]

@@devcoelho Se caísse um CR pra mim eu fechava e fingiria que não vi kkk Bagulho feio demais

[@brunomello7499]

@@devcoelho acabei de testar aqui. Não é bem isso pq o masonry grid do pinterest tem que manter a largura dos itens e variar apenas a altura, sendo que as imagens podem ter dimensoes diferentes entao os card tem que ter sempre o mesmo tamanho e só se realocarem de acordo com o espaço disponível. mas ta parecido!

[@RodLacBR]

Eu torci um pouco o nariz quando vi o Tailwind e comecei a utilizar há pouco tempo... No início é um pouco ruim ter que ficar com a documentação aberta procurando as classes para utilizar. Mas pensando por outro lado, quando você aprende CSS é exatamente isso... ninguém nasceu sabendo todas as propriedades do CSS, então acho que é questão de adaptação mesmo. Outra desculpa que eu mesmo dava e não vi sendo abordado no vídeo é a respeito da reutilização do mesmo estilo em outras partes do HTML, como por exemplo um botão que aparece mais de uma vez na página. Mas na verdade isso é até uma desculpa ultrapassada que sequer faz sentido quando se trabalha com ferramentas como React ou qualquer outra biblioteca de componentização. Acho que é uma desculpa válida somente nos casos de não usar componentes. Você falou sobre o Tailwind simplificar algumas coisas do CSS porque uma classe às vezes encapsula algumas propriedades de maneira fácil. Outro bom exemplo são as classes de animation do Tailwind: animate-spin, animate-pulse, animate-bounce. Confesso que vai ser difícil largar, estou gostando cada vez mais.

[@galavernag]

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

[@jorgehernandezch]

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…

[@marciusbezerra]

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

[@guilhermelourenco977]

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.

[@lucassantos-fu9hn]

Trabalho com TailwindCSS e gosto muito

[@laylson]

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.

[@astolfoFredor]

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")

[@Rafael-R.M]

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.

[@alamo_DevFlow]

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

[@falconiere]

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

[@RBFraphael]

uso Bootstrap acho que desde que comecei a programar pra web... comecei nele na versão 3, não tenho o que reclamar, sem falar que me dou muito bem com ele... mas gostaria muito de aprender o Tailwind, nem que seja só pra ampliar a base de conhecimento

[@1222guilherme]

A maioria das classes são bem parecidas no tailwind, se voce ja sabe bem bootstrap rapidinho voce pega o Tailwind

[@gabrieloliveira3401]

vou colocar na minha pauta já, para estudar

[@LuizHenrique-em8yp]

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.

[@thiagomoraes791]

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)

[@ir4nbala]

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.

[@maikosantossilva7962]

É usado Tailwind em algum projeto do Ignite?