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

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!

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

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 😜

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.

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.

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

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

Жыл бұрын

​

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

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!

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.

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.

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

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 ❤

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.

Que vídeo satisfatório! 😊

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.

valeu pelos esclarecimentos 👍

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.

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

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.

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.

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

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

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

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

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.

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

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

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

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

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)

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.

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.

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

6 ай бұрын

Por gentileza, quais pontos você considera superior?

@edymbhify

6 ай бұрын

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

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.

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.

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.

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

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

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

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.

joga esses videos como podcast no spotfy

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.

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

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

gosto bastante de usar StyledComponents junto com classcat

Uma ferramenta sensacional!

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

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.

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!

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

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

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.

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

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

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

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

gosto demais desse estilo...

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

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

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.

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

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.

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

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.

Tailwind Variantes tbm é uma lib interessante.

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.

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?

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.

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

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

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

vou colocar na minha pauta já, para estudar

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.

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)

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

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

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

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

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

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

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…

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.

Alguém já experimentou usar o Windstitch em um monorepo usando o TurboRepo? Meu design system também precisa ter o tailwindcss configurado para o windstitch funcionar ou apenas minha aplciação?

Me convenceu a aprender tailwind CSS!

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.

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

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?

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

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!