Você não usa Tailwind por ESSE motivo?! (mitos sobre TailwindCSS)

preview_player
Показать описание


Recentemente, Diego veio aqui conversar sobre duas novidades do universo React, e uma delas deu muito o que falar 👀

Desde que o Tailwind virou a ferramenta padrão de estilização do Next.Js, muitas opiniões constroversas vêm surgindo e proporcionando novas conversas ao redor desse assunto.

Gostando ou não dessa novidade, a verdade é que você vai precisar entender melhor o que vai acontecer e o que esperar dos desenvolvimentos dos seus projetos React daqui pra frente.

E o Diego te mostra um pouco do que vai rolar e trazer mais clareza na sua próxima escolha no vídeo de hoje.

-----

Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat
Рекомендации по теме
Комментарии
Автор

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

toledoluisbr
Автор

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!

tonhohawks
Автор

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

airtonsena
Автор

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!

Lucasezidro
Автор

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

jhonatanmotadev
Автор

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.

cintiasouza
Автор

A produtividade que o tailwind proporciona é fenomenal

victorsoligo
Автор

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.

marcosbarros
Автор

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

joaobraz
Автор

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.

dodijacobs
Автор

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!

thiagopereira
Автор

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!

guilherme
Автор

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

paulonascimento
Автор

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

franciscomenezes
Автор

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

doidopb
Автор

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.

moimsk
Автор

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.

rafaadesign
Автор

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

luisfernandolopes
Автор

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

thayslima
Автор

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.

brenomaini