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.
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.
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
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!
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.
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.
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.
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
@@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
essa atualização do tw em relação a não ter q configurar tanta coisa, resolve os gargalos que o tw tem sobre escala ou desenvolvimento de aplicações como design system onde eu preciso ter muita coisa customizada?
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
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
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
@@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
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
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
@@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
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.
Here we go again
como que eu consigo colocar cores personalizadas e usar ainda as nativas do taildwindcss? alguem me tira essa duvida?
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.
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
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!
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.
Pse, n curto nem um pouco. Fica uma zona. Componentes são melhores
Nossa eu detesto styled components, acho que cada vez faz menos sentido usar
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.
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.
Achei a atualização muito top. Poderá facilitar muito no entendimento e migração daqueles que começaram agora.
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?
para usar templates prontos sim, mas o tailwindcss é de graça, pra vc construir do 0
Quando é que vai ter curso de Rust na plataforma? Abraço diegaooo
Provavelmente vai demorar. Não tem tanto mercado ainda. É mais provável ter Go.
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
@@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
Quanto menos coisa escrever, melhor 😅
eita olha eu na live kkk
essa atualização do tw em relação a não ter q configurar tanta coisa, resolve os gargalos que o tw tem sobre escala ou desenvolvimento de aplicações como design system onde eu preciso ter muita coisa customizada?
Diegão, com qual app vc centraliza tua janela assim no macOS?
Eu acredito que seja o raycast
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
Pra que melhorar?! kkkk ja testei e ta superior mesmo.
Será que logo vão implementar isto no Next?
Vamos trocar tudo de Javascript por Rust
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
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
@@ben53933 Conhece alguma ferramenta/plugin para fazer isso automaticamente? Fazer isso não mão é inviável, são muitas classes
o vite deve ser o problema mano kkk
@@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
hoje em dia qual vale mais a pena, Styled Ccomponents ou Tailwind?
É tudo css, mas Style Components o futuro é mais incerto, não é que vai morrer mas o tailwind ninguem nem pensa nisso
onde ele faz essas lives e qual nome do canal ?
vei... isso é brabo demais...
muito bom saber disto , uso muito tailwind
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
Testar estilização?
Ainda bem que eu sou 100% backend. Frontend tem umas paradas estranhas.
@@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?
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
@@Gabriel_Azvesse tipo de teste é mais simples e resiliente ao tempo se feito via cypress, selenium e outras soluções mais tocadas em e2e
essa Rust
só crescendo.
10x mais rápido.. mas apenas no ambiente de dev.. não prod.
compilações mais rapidas amigo
@@gabrielaugusto1161 exato.. mas no final das contas.. não muda muita coisa..
@@DanVC em produção muda sim, menos tempo de compilação = menos gastos
@@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
@@DanVC Achismo seu
Qual navegador é esse?
Também quero saber
É o arc
@@elinatorres56 Bacana, vou pesquisar. Parece com o Vivaldi também
eu sou da epoca do grunt e gulpe, e ate antes...
somos dois, não sinto saudades
Qual o nome do canal e plataforma da live?
m.twitch.tv/dieegosf
ja ta pronto pra prod ou ainda nao ?
Pesquisa no Google
Toppp
diegao faz as lives onde?
twitch
Ficou tipo o Linux, 10x mais rápido que o Ruindows.
Faça de suas palavras as minhas
@@Redyf Eu discordo, o Linux não é 10 vezes mais rápido, é muito mais ainda
é ruim e vc ainda perde tempo falando kkkk chora
@@silasbispo01 Top 10 argumentos. Beijos.
Não existe sistema melhor que outro não bro, deixa disso, cada um tem um propósito.