You don't use Tailwind for THIS reason?! (Myths about Tailwind CSS)
HTML-код
- Опубликовано: 1 окт 2024
- 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.
Para nós designers, o padrão 4pt grid e 8pt grid é sensacional! Layout consistente, fácil de trabalhar e com resultado satisfatório.
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
A produtividade que o tailwind proporciona é fenomenal
discordo, craque, sobretudo pois muita das vezes vc tem que pesquisar que classe seria aquele comando.
@@leoalves5005isso no início quando está aprendendo, mas depois se acostumar ninguém ficar fazendo isso não kkkk
@@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
eu fico perdido, acho q é falta de costume
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.
Apoio um curso de Tailwind feito pela Rocketseat 🎉
De preferência gratuito 😂😂😂
Cara, acho que não tem necessidade. Sabendo CSS, tu desenrola
@@joaoantoniobarbosa1649 tem na plataforma rocketseat
1.497,90 😂
@@tech.riquue estou desfrutando de graça. Sou aluno desde o GoStack, com acesso vitalício às trilhas de react, node e react native. Além disso, o curso de tailwind já lançou, junto a outros que estão inclusos no meu pacote. Sem ter pago 1 centavo.
Obrigado Rocketseat 🚀
nao conheco uma unica agencia que fature muito a usar tailwind css em tudo. tailwind nao e o framework css padrao do nextjs, nao esta sequer no site nem na documentacao. A RS anda ultimamente a dizer coisas sem sentido que nem sao verdade.. nao se entende. Primeiros em pioneiros em tecnologias novas que nao sao nem stack principal do mercado de devs.
Fala amigo, na verdade isso está na versão canary do Next, ou seja, logo teremos isso na versão main: twitter.com/timneutkens/status/1636654046474805249
@@dieegosf entendo, continua a não ser padrão e a ser algo opcional. O default continua a ser CSS modules.
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.
Compartilho do mesmo ponto de vista.
Eu particularmente sou mais produtivo utilizando CSS, e de quebra não fico refém de uma biblioteca.
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
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
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.
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.
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!
eu acredito que quem fala mal do Tailwind deve ter dificuldade em se adaptar ou apenas reluta em aceitar as novas tecnologias mesmo...
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
Viva aos 4pt! Tailwind salva vidas de uma software house.
Pra mim nenhum bate o chakra UI. Ao mesmo tempo que possui uma predefinição de estilos, é facilmente customizável
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!!
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.
@@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
@@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.
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!
Tailwind na cabeça! O resto é só o resto.
@@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.
Por gentileza, quais pontos você considera superior?
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
Achei o TailwindCss interessante, mas gostei mais de usar o ChakraUI. Ambas são de mais, mas Chakra eu achei sensacional!
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
realmente o chakra ui é sem dúvidas mto produtivo
@@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
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
Este é um canal exclusivo de frontend? Ou também fala de backend? É exclusivo Javascript?
React faz falta um framework semelhante ao Quasar do VueJS
Material UI muito próximo do Quasar
Dá pra fazer um gameboy com tailwind ? ruclips.net/video/BECcazAYTTs/видео.html
Conheci o Tailwind em uma NLW do ano passado.
Simplesmente me apaixonei e desde então não parei mais de usar kkkkkkkkkkkk
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)
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.
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
Diego... Tailwind não parece muito com bootstrap??? eu vejo muita semelhança!!!
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.
eu utilizo e gosto bastante também.
Tailwind não é profissional!
--- Mas, acelera a produção!
Comece a tirar Testes dos seus projetos, da empresa, da vida e veja o quanto acelera (muito) a produção!
Faça isso - kkkkkkkkk
Prefira aprender CSS e vai passar a ENTENDER que CSS, de verdade, acelera a produtividade. E, sobretudo, a manutenção!
A ignorância - a preguiça - idiotiza os que se chamam de "desenvolvedores"!
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.
Hhaahhahaha "fiz de cara feia"
Foda
@@TutoMaster se não me engano, existe uma extensão que esconde as classes tailwind do html e só exibe se você quiser.
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?
É muito errado criar um objeto (em outro arquivo e importar) com as strings de estilização do tailwind para não "sujar" o código.
tipo:
import obj from './estilos'
....
Queria só que ele explicasse como é debuggar um layout no front que usa tailwind.
O dia que vocês precisarem fazer isso, o amor acaba.
Na primeira flex-1 que vocês alterarem (no F12 -> Elementos) e o layout todo ir pro caralho, vocês vão perceber que o tempo que vocês ganharam na implementação se converte em uma perda significativa na manutenção.
Sério q vc nao sabia de: backdrop-filter: blur (5px)
😧
Caras, vi por cima... Mas é feio que dói pqp, o HTML fica muito, mas muito inchado cara... Mas vou estudar melhor essa ferramenta.
Gostei. Gostei de saber que o Tailwind nos dá opinião bem como abstrai muita coisa.
Taíliwind é horrível de início mas depois acostuma. E o astro é o melhor framework para usar com o react
Virou modinha criticar tailwind só replicando opinião de alguns influencers por aí
Olha... Eu uso barba pq eu gosto. Se é algo pessoal o gosto faz sentido. Se eu tô falando de trabalho, principalmente trabalho em equipe o gosto pessoal é irrelevante. Vc pode ter preferências sim, mas isso dentro do ambiente de trabalho, sem ter argumentos fortes é só "mimimi". Eu não gosto do Tailwind, prefiro StyledComponents mas na minha equipe foi definido o Tailwind como ferramenta padrão, então que assim seja.
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 que eu notei que Next está evoluindo mas a documetaçõa está com muitos gaps e acabou ficando confusa. Está muito difícil pra galera que está conhecendo a tecnologia aprender com a mesma eficiência que nas versões anteriores. Acho que a partir da versão 12 o Next se perdeu nas documentações. Outro ponto que não sei pq eles ficam num vai e vem de colocar pacotes dentro do framework e depois tirar, e vice-versa, dai como a doc fica desatualizada nem sempre o que tá lá funciona. Um exemplo(grave) é o CORS nas api functions e route handlers, que só consegui fazer funcionar caçando no github. Outra falha grave, que não sei o motivo, uma aplicação hospedada na Vercel simplesmente parou de funcionar por causa de blocks de cors que passaram a acontecer, sendo que as configs do server deveriam ser mantidas pra cada versão do next, o que parece que não ocorre. Dureinnnn kkkkk
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
Queria realmente sentir que o tailwind é benéfico mas não consigo. Quando criamos uma aplicação, muita vezes precisamos dar manutenção na maioria das vezes em funcionalidades que não estão relacionadas a estilização. Além de não ver tanto ganho, parece que só troca uma linha por outra. Eu fico com a desculpa de que polui o JSX e atrapalha a manutenção.
vejo muito backend gostando de usar tailwind, tipo o cara que fala que é fullstack mais manja mais de back
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
cara, um dia todo mundo aprende, nao existe almoço gratis. O tempo que tu economiza no inicio do projeto com tailwind vai voltar com as limitações da ferramenta. Projetos complexos precisam que tenha menos abstração possível! O que significa que vai ser mais trabalhoso sim, mas é um projeto complexo!! Nao tente cortar correr da complexidade logo no inicio do projeto porque isso vai se voltar contra cedo ou tarde. Abstracao prematura é um erro, esse mesmo autor do video ja disse isso anos atras pq ja vi video dele dizendo... entao cai na real, fica esperto com opiniao de vendedor de curso na internet, no video do RUclips nao da pra ver a ganancia desses caras
Enfim, minha conclusão: use tailwind pra projetos com escopo pequeno e simples OU... ESPERE fazer sentido num projeto grande.
Uso Tailwind no Pyscript ajuda muito eu nunca aprendi css cai no bulma depois no Tailwind direto
Eu não tenho preconceito com nada, o q for bom eu tô usando. Mas só agora tô começando entender o Bootstrap então me dá um desânimo em recomeçar com o Tailwind. :( Apesar de dar vontade.
Para mim não faz sentido, tudo que preciso fazer em relação a UI o css e javascript me atende, ou quando muito um JSS, outra, eu só preciso ter trabalho pra criar os componentes, mas que bom que é útil pra tantas pessoas…
Eu acho valido apresentar uma nova tecnologia, mas querer enfiar guela abaixo não acho justo, sempre consumi muito conteudo da rocket e agora todo projeto que não seja de iniciante, que envolva react e nextjs só é construida em tailwind ultimamente
Eu particularmente, acho o tailwind muito mais prático.
Lembro da época que precisava declarar no tailwind.config o "jit" 😄
Tentei fazer um projeto com tailwind e o código ficou um lixo.
Tailwind nao me pegou, prefiro fazer na mao com styled components ou usar libs tipo material ui.
talwind é como aquelas favelas da índia . HTML e css puro é como as casas de classe média nos EUA
Não acho que são desculpas. São apenas motivos, para não gostar. Eu mesmo não gosto desta união do html com o css, e não é uma desculpa. Eu apenas não gosto. Desde o começo aprendemos a separar as coisas uma das outras, e chega um framework e quer unir tudo....
bootstrap, tailwind e essas bibliotecas simplesmente não me adapto. Simplesmente não consigo me acostumar com fato de misturar html e css desse modo.
Perdi uma vaga por dizer que não usava tailwind porque achava que o css ficava cheio de classe
Rocketseat se tornou expert em ganha dinheiro lendo doc para dev preguiçoso, amanha aparece outra lib para "recomendar", que dizer sempre vai haver outra pra criar thumb de youtube, os devs do rocketseat deve ta ficar uns 3 meses so pra da init project
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?
pode ser produtivo e fácil mas tailwind é mais feio que bater na mãe
É usado Tailwind em algum projeto do Ignite?
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.
kkk um vídeo só pra defender o tailwind ?? real é o mas simples
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.
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 ❤
O que aconteceu comigo è que eu esqueci um monte de coisa que eu sabia de css por causa do tailwind. Mas náo to reclamando náo, o negócio é top.
dev que não fica empolgado com nova tecnologia pra facilitar a nossa vida nem é dev.
QUal tema do VS Code vc ta usando Diegão??
Uso no react native styled components mas sem dúvida tenho curoisidade no tailwind. Vou aprender em algum momento. kkkk
Fiquei esperando vc falar sobre responsividade :/
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.
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
nao uso porque a curva de aprendizado dele é horrível, pelo menos pra mim e por essas e outras abandonei de vez a vida de tentar o front e agora sou feliz como backend.
Áudio qualidad JB! Tá aí um microfone que morreu a toa.
a coisa que eu aprendi tanto com css puro ou com tailwind, que odeio eles dois e amo backend. kkkkk
Não sei com vcs, mas comigo parece que até o fast refresh é mais rapido.
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...
Que vídeo satisfatório! 😊
Ta bom, você me convenceu, vou começar a aprender-lo :v:
quer saber, não vivo sem tailwind.
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.
Se tu é novo recomendo aprender primeiro o css puro...
Alguns heróis não usam capas ! Top top top
uma duvida real, nao estou comprando briga para o lado de ninguem, mas porque usar tailwind se eu posso usar css puro? só para ser mais rapido e padrao na hora de programar??
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
Solução: nao use grid rsrsrsrs
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
@@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
@@devcoelho Se caísse um CR pra mim eu fechava e fingiria que não vi kkk Bagulho feio demais
@@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!
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.
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.
A maioria das empresas pedem styled componentes
Comecei a usar justamente hoje pela praticidade, aí sai esse vídeo e tira a maioria das minhas dúvidas 😜
Evangelistas de TailwindCSS!
vou colocar na minha pauta já, para estudar
(designer) Alô programadores
uso bastante com o react native, é bem melhor do que as outras libs.
Como ele funciona no sentido de um sistema de whitelabel, onde pode existir vários temas? Alguém ai manja?
Sim, você pode declarar vários temas no arquivo de configuração, aliases para cores e a maioria das propriedades estilizaveis.
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.
meu deus!! acabei de ver o mantine ui aqui...
é como estar num sonho 🤩🤩
o negócio é completinho demais
@@gustavorizzon1704 Cara, é sensacional, a parte dos hooks então? É um sonho mesmo. 🤩 Ao que parece pouca gente conhece, ouço muito pouco sobre ele.
joga esses videos como podcast no spotfy
Sim, o Tailwind é maravilhoso! Não, estude e aprenda css vanilla antes de meter o bedelho em qualquer outra coisa belê!? 🤘🏻
Eu prefiro escrever o css na unha mesmo
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.
Veja o MantineUI
n gosto e acho mais modinha do que gosto
Ele tá melhor que o Bootstrap ?
Tailwind é top demais!!!