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

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!

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.

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.

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.

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.

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!

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

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.

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.

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 ❤

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

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!

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

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.

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

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.

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)

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.

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

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

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

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.

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

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.

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.

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

Trabalho com front-end há mais de 20 anos. Sou, como já ouvi você dizer em outros vídeos, "do tempo das tabelas". Bom, recentemente tive um, digamos, contratempo com toda a equipe de front-end para o aprimoramento da responsividade do nosso projeto atual. Para esclarecer, não estamos usando Tailwind, mas Bootstrap (por opção). E esse contratempo se deu pelo fato de que a equipe estava copiando fielmente o código gerado pelo Figma, que apesar de trabalhar com Flexbox e unidades relativas, gera código em unidades absolutas (px), vai entender! E isso trouxe muita discussão em torno dos padrões de espaçamento, tamanhos de fontes, estilizações e afins. Uma quantidade infindável de "números mágicos" foram aparecendo no CSS e, daí, muita dor de cabeça. Dor de cabeça que poderia - e deve - ser evitada quando se tem um design system consistente e declarações de padronização do tema bem definidos. Este último algo que o TW se propõe a fazer muito bem.

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

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.

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.

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.

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

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.

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.

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.

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!

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.

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

Venho usando Material UI por quase 2 anos e agora o Mantine UI, que à proposito é uma maravilha, mas acho que vou dar uma chance pro* Tailwind, é realmente sensacional.

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.

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.

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

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.

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

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!

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

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…

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.

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

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

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.

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.

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

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

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

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

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!

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

Apoio um curso de Tailwind feito pela Rocketseat 🎉

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

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

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.

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.

Fiz um teste rápido de comparação, sem muito critério, entre sass e tailwind. O cenário foi: - nextjs - página inicial com apenas uma div e css básico para normalização - dashboard simples com nav e header O resultado foi: - ao acessar a página inicial o tailwind enviou a folha completa de estilo, com classes não utilizadas na página carregada. - ao acessar a página inicial o sass enviou apenas a classe de normalização, menos de 5 linhas de código no aquivo css. O carregamento da página foi significativamente menor. Obs: O tailwind foi configurado exatamente como orienta a documentação.

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.

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

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

Tailwind é sensacional, principalmente na performance

Sinceramente só tinha usado o tailwind 1 vez e não tinha gostado, estava acostumado com css in js Styled-componentes para min é fenomenal Mas começei um projeto com next + tailwind só para ir se acostumando E sinceramente parace que já uso a mó tempão, bem simples

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

Afirmando o comentário ai do Diego. Enquanto designers, sim preferimos criar projetos na base de 8px porque encaixa melhor com as telas. Geralmente as resoluções de telas desktop, mobile, tablet ou o display para o dispositivo que for, é divisível por 8, assim se tornam mais fácil trabalhar tudo a partir dessa escala.

Sobre atrapalhar no aprendizado de css é verdade. Mas quem vai se meter a usar Tail... ou Bootstrap e não sabe "o que esta fazendo" não vai pra frente kkk. Uma hora vai se tocar e fazer um curso de CSS3/SCSS/SASS

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

Que vídeo satisfatório! 😊

valeu pelos esclarecimentos 👍

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

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

Eu tinha um preconceito muito grande com o Tailwind pq sempre escutei que colocar estilização no html é uma má prática. Porém praticando com vocês aqui no KZfaq, pude dar uma chance a ferramenta e descobri uma forma muito mais prática para trabalhar. Muuito obrigado!

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

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

eu acredito que quem fala mal do Tailwind deve ter dificuldade em se adaptar ou apenas reluta em aceitar as novas tecnologias mesmo...

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 utilizei tailwind em 3 projetos . 1. Produtividade : Sim você se torna mais produtivo mas o problema é que a curva de aprendizado é meio chata e quando eu falo sobre esse aprendizado é em relação a nomenclatura das coisas . 2. Quando você está fazendo uma aplicação com 4 telas responsivas se torna um inferno dar manutenção pq o html fica sujo mesmo e vc der uma olhada você vai precisar gastar um tempo pra entender. Obviamente muito vai de encontro de não ser especialista mas não sei se vale extremamente assim .

Eu prefiro não usar, não gosto e sempre é assim criando coisas novas para fazer o que já se faz. Muita coisa para aprender ainda temos que aprender coisas nova que serve para fazer coisas que já fazemos

Ja fui praticamente um hater do Tailwind, mais com o tempo, fui me surpreendendo com a produtividade que obtive utilizando o Tailwind, hoje tento incluir na maioria dos meus projetos Além da componetização, em alguns casos tento agrupar classes por grupos para não sujar tanto o HTML Outra dica: configure o linter para que sempre sinta uma sequência padronizada das classes, facilitando a manutenção do código. Um caso que não recomendaria a utilização do tailwind seria para construção de UI Component libraries, pois imagine que um projeto terceiro queira customizar algum estilo interno, será um pouco mais complicado para sobrescrever alguma parte específica

Pra mim nenhum bate o chakra UI. Ao mesmo tempo que possui uma predefinição de estilos, é facilmente customizável

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

joga esses videos como podcast no spotfy

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.

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

Hj em dia questão de produtividade em escrever código nem sei se conta tanto, pois temos muitas IA'S surgindo com esse propósito, copilot, gpt, prefiro MT mais um código de fácil manutenção, e ter MT coisa no HTML misturado com lógica e css na minha opinião complica bem mais

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

Salve meu bom, eu estava passando dificuldade com o Tailwind para usar o calc do css, não consegui encontrar uma resposta, mas de resto, é uma tech muito boa mesmo.

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

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)

React faz falta um framework semelhante ao Quasar do VueJS

Eu não gosto de usar o Tailwind, mas também não sou bom em CSS, quando estou tentando fazer algo que não sei em CSS, eu busco a informação no Tailwind para tentar compreender como aquilo funciona. No Tailwind tem muitas informações.