Тёмный

TailwindCSS 4.0 ficou 10x mais rápido (e mais nativo!) 

Rocketseat
Подписаться 363 тыс.
Просмотров 24 тыс.
50% 1

A nova versão do Tailwind 4.0-alpha finalmente chegou e dessa vez a gente tem uma proposta de código cada vez mais nativa.
Tem várias novidades nesse lançamento mas a principal delas com certeza é a velocidade, chegando a ser 10 vezes mais rápido. Isso porque o novo "motor", como eles mesmos comparam, é feito com Rust, conhecido por entregar velocidade, e com Lightning CSS, que agiliza o desenvolvimento de websites.
No vídeo eu exploro essa e outras mudanças que rolaram e conto porque tô animado com essa nova versão do TailwindCSS.
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

Опубликовано:

 

15 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@user-bv3cc1zg8c
@user-bv3cc1zg8c 21 день назад
Achei a atualização muito top. Poderá facilitar muito no entendimento e migração daqueles que começaram agora.
@naturallifenow
@naturallifenow 21 день назад
I like so much UnoCSS. It faster than tailwind. It doesn't have any plugin in to compile the css . It has greatly features embedded like google fonts, purecss icons, attributify mode and has tailwindcss, bootstrap, bulma, foundations presets.
@TheJunioGG
@TheJunioGG 20 дней назад
Here we go again
@danilochgs
@danilochgs 21 день назад
Será que logo vão implementar isto no Next?
@maykrpc
@maykrpc 21 день назад
Já usei e não curto muito tailwind, no ambiente react acho mais sentido usar styled-components justamente pelo sistema de componentes que tem tudo a ver com react, sem falar que o código em tailwind fica uma selva desenfreada dentro das tags fazendo com que a leitura/manutenção fique muito ruim, mas fico feliz que a galera esteja melhorando essas ferramentas para os devs do front!
@TheJunioGG
@TheJunioGG 21 день назад
Eu já acho que dentro do react ou bibliotecas de componentes é a melhor utilização possível para o tailwind, faz todo sentido vc ter uma função que se resolve por completo. Em projetos que não envolvem componentes eu já não gosto.
@dragonhardhd371
@dragonhardhd371 21 день назад
Pse, n curto nem um pouco. Fica uma zona. Componentes são melhores
@arthur_snow
@arthur_snow 21 день назад
Nossa eu detesto styled components, acho que cada vez faz menos sentido usar
@eamax
@eamax 21 день назад
O grande problema do styled-components é que ele é muito pesado, gera um bundle enorme de JS para transformar o CSS dele em CSS mesmo, isso é algo que não vale o custo. No caso da OLX nós não usamos mais por esse custo ser alto de mais fazia projetos terem um loading grande de mais e penalizava o webvitals/performance, ao criar projetos novos já fazemos sem styled-components.
@paulovitorf.marques8714
@paulovitorf.marques8714 21 день назад
Joga um Tailwind Variants na hora de criar components que a vida resolve. Usa um plugin do prettier pra reorganizar as classes e vc tem um padrão de leitura do seu className em todo o projeto. A engine do tailwind faz um trabalho muito melhor que um dev comum na hora de resolver as classes e gerar um css file otimizado, vale a milha extra pra ter um DevEx decente.
@williancarddd
@williancarddd 21 день назад
onde ele faz essas lives e qual nome do canal ?
@philadelfiaproducao
@philadelfiaproducao 21 день назад
ja ta pronto pra prod ou ainda nao ?
@Joanneswsquim
@Joanneswsquim 21 день назад
Faz um vídeo como usar o next 14 com prisma , yoga grphql e pothos grphql, tenho uma dúvida de como usar vários consultas, ou ali graphql mas para cada um em seu arquivo
@gessegoncalves6493
@gessegoncalves6493 21 день назад
muito bom saber disto , uso muito tailwind
@WisleyASousa
@WisleyASousa 21 день назад
essa Rust só crescendo.
@xavierbarros
@xavierbarros 18 дней назад
Sou da época em que só existia HTML e CSS. Com o advento do TailwindCSS, após seu amadurecimento, claro, é inegável que ele auxilia demais na criação de estilos web, diminuindo e otimizando e muito o tempo de criação de estilos. Creio que quem fala que o TailwindCSS 'suja' o código, o faz por não conhecer/não ter aprendido CSS à fundo. A dica de ouro é: se você é FRONTEND, é OBRIGAÇÃO sua saber CSS.
@CarlosSilva-hy8xt
@CarlosSilva-hy8xt 6 дней назад
na verdade quem fala que tailwind suja o codigo é o mesmo que cria uma pagina inteira em um unico arquivo, sem abstrair nada e so jogando no mesmo arquivo cada funcionalidade e componente
@ThugLifeModafocah
@ThugLifeModafocah 19 дней назад
vei... isso é brabo demais...
@HaryelRamalhoo
@HaryelRamalhoo 21 день назад
Diegão, com qual app vc centraliza tua janela assim no macOS?
@entrepreneurdrive
@entrepreneurdrive 21 день назад
Eu acredito que seja o raycast
@saulgomes5638
@saulgomes5638 21 день назад
Quando é que vai ter curso de Rust na plataforma? Abraço diegaooo
@jhonatanteixeirarios710
@jhonatanteixeirarios710 21 день назад
Provavelmente vai demorar. Não tem tanto mercado ainda. É mais provável ter Go.
@grilario
@grilario 21 день назад
Para aprender tanto Rust quanto Go elas duas tem ótimas documentação no seus próprios sites, tô estudando Rust a um tempinho e foi tudo lendo a documentação
@Roma-gw8jl
@Roma-gw8jl 21 день назад
@@grilario Real! O livro oficial (tanto em inglês, quanto em português) são MUITO bons! Dá pra aprender a linguagem tranquilamente por lá. Dá uma olhadinha lá, @saulgomes5638
@williamalves471
@williamalves471 21 день назад
hoje em dia qual vale mais a pena, Styled Ccomponents ou Tailwind?
@darlleybrito4198
@darlleybrito4198 21 день назад
É tudo css, mas Style Components o futuro é mais incerto, não é que vai morrer mas o tailwind ninguem nem pensa nisso
@franciscof5609
@franciscof5609 21 день назад
A rapaziada aqui tem alguma dica de alguma ferramenta para minificar os classNames do tailwind? Tô fazendo server side rendering e as classNames enormes e repetitivas do material-tailwind que vão no markup da página tão ferindo a performance do meu servidor de SSR. Eu uso o Vite para buildar o projeto, qualquer dica já ajuda. Tamo junto
@ben53933
@ben53933 21 день назад
Você pode compor uma união das classes que estão se repetindo. Exemplo combinar btn btn-info btn-link-blue em .bluelink. Tem na documentação do tailwindcss
@franciscof5609
@franciscof5609 21 день назад
@@ben53933 Conhece alguma ferramenta/plugin para fazer isso automaticamente? Fazer isso não mão é inviável, são muitas classes
@CarlosSilva-hy8xt
@CarlosSilva-hy8xt 6 дней назад
o vite deve ser o problema mano kkk
@franciscof5609
@franciscof5609 6 дней назад
@@CarlosSilva-hy8xt Não é não, bro. O vite é ótimo, tô gostando demais. O problema era o tailwind, acabei melhorando bastante o problema usando o comando apply() do tailwind para agrupar classNames e fazendo dynamic import de alguns componentes pesados
@mikael.aquino
@mikael.aquino 21 день назад
Toppp
@Carlos72639
@Carlos72639 21 день назад
Qual o nome do canal e plataforma da live?
@ivopereirajr
@ivopereirajr 21 день назад
m.twitch.tv/dieegosf
@Pedro-hz4lf
@Pedro-hz4lf 17 дней назад
Estou começando agora como programador e vi que no site do tailwind precisa pagar uns 200dol só para poder usar alguns templates?É isso mesmo?
@WilianMaique
@WilianMaique 12 дней назад
para usar templates prontos sim, mas o tailwindcss é de graça, pra vc construir do 0
@mateusdossantos2453
@mateusdossantos2453 21 день назад
diegao faz as lives onde?
@awaxdem2013
@awaxdem2013 21 день назад
twitch
@elvispalace
@elvispalace 10 дней назад
eita olha eu na live kkk
@carlossergiolima4952
@carlossergiolima4952 21 день назад
Qual navegador é esse?
@leobaldoneto
@leobaldoneto 17 дней назад
Também quero saber
@elinatorres56
@elinatorres56 16 дней назад
É o arc
@leobaldoneto
@leobaldoneto 16 дней назад
@@elinatorres56 Bacana, vou pesquisar. Parece com o Vivaldi também
@Gabriel_Azv
@Gabriel_Azv 21 день назад
Rapazeada, dúvida sincera de tailwind: como testa estilização com jest ou vitest? Exemplo: verificar a opacidade de um elemento é 1. Na versão 3.4, pelo menos, esse teste sempre irá falhar. A única solução foi testar se o elemento tem uma classe
@guilhermecosta6731
@guilhermecosta6731 21 день назад
Testar estilização?
@Cultosaurus_Erectus
@Cultosaurus_Erectus 21 день назад
Ainda bem que eu sou 100% backend. Frontend tem umas paradas estranhas.
@Gabriel_Azv
@Gabriel_Azv 21 день назад
​@@guilhermecosta6731 Vamos supor que eu queira testar se determinada `div` tem um certo width quando eu clicar em um botão... Q solução vc pensaria?
@Pedroh1918
@Pedroh1918 21 день назад
Nesse caso seria interessante você dar uma olhada no Playwright ou Cypress. Por que dai voce consegue rodar testes no navegador e acessar/manipular a DOM além da automação para executar testes end two end
@ben53933
@ben53933 21 день назад
​@@Gabriel_Azvesse tipo de teste é mais simples e resiliente ao tempo se feito via cypress, selenium e outras soluções mais tocadas em e2e
@Ar-TK
@Ar-TK 21 день назад
Quanto menos coisa escrever, melhor 😅
@lipsic2303
@lipsic2303 20 дней назад
Vamos trocar tudo de Javascript por Rust
@principe.borodin
@principe.borodin 21 день назад
eu sou da epoca do grunt e gulpe, e ate antes...
@danielsoares1608
@danielsoares1608 20 дней назад
somos dois, não sinto saudades
@filipeleonelbatista
@filipeleonelbatista 21 день назад
Pra que melhorar?! kkkk ja testei e ta superior mesmo.
@Cultosaurus_Erectus
@Cultosaurus_Erectus 21 день назад
Ficou tipo o Linux, 10x mais rápido que o Ruindows.
@Redyf
@Redyf 21 день назад
Faça de suas palavras as minhas
@LeandroUngari
@LeandroUngari 21 день назад
@@Redyf Eu discordo, o Linux não é 10 vezes mais rápido, é muito mais ainda
@silasbispo01
@silasbispo01 21 день назад
é ruim e vc ainda perde tempo falando kkkk chora
@Cultosaurus_Erectus
@Cultosaurus_Erectus 21 день назад
@@silasbispo01 Top 10 argumentos. Beijos.
@VictorSilvaDev
@VictorSilvaDev 21 день назад
Não existe sistema melhor que outro não bro, deixa disso, cada um tem um propósito.
@DanVC
@DanVC 21 день назад
10x mais rápido.. mas apenas no ambiente de dev.. não prod.
@gabrielaugusto1161
@gabrielaugusto1161 21 день назад
compilações mais rapidas amigo
@DanVC
@DanVC 21 день назад
@@gabrielaugusto1161 exato.. mas no final das contas.. não muda muita coisa..
@gabrielaugusto1161
@gabrielaugusto1161 21 день назад
@@DanVC em produção muda sim, menos tempo de compilação = menos gastos
@DanVC
@DanVC 21 день назад
@@gabrielaugusto1161 não sei se você tem conhecimento de custos (principalmente para ambient de deployment) mas, acho eu que esse custo é irrisório (tendo como base ambientes de deployment de várias aplicações). Enfim, achismo meu
@gabrielaugusto1161
@gabrielaugusto1161 21 день назад
@@DanVC Achismo seu
Далее
Что за обновление в Tanks Blitz?
1:19:16
C# Vale a Pena em 2024 - Trocando Ideia Sincera
12:29
O ERRO mais comum no React (você já fez isso)
13:26
Просмотров 117 тыс.
Aprenda em 13:37: Tailwind CSS
13:38
Просмотров 31 тыс.
Making Tmux Better AND Beautiful -- here’s how
10:56