Entregue aplicações web profissionais com autonomia e destrave a sua carreira para salários acima de 10 mil reais. Garanta sua vaga no Fullstack Master: go.devpleno.com/fsm
Olá amigo ! Sou iniciante e me vejo aqui com muitas opções de estilização com diferentes ferramentas, tailwind, styled-components, chakra, etc. Eu li em um forum que CSS-in-JS adiciona um overhead/atraso no desempenho da aplicação. Você acha que impacta muito? Não? Abc !
@@henriquedelben Exatamente. Eu troquei Styled Components recentemente de um projeto inteiro por SCSS Modules. Minha dica é tu saber um pouco de tudo pra conseguir se virar, e conseguir julgar a melhor opção pra cada tipo de projeto. Se nem sempre seu foco no projeto é estilo e quer algo que seja rápido, Chakra ou Tailwind deve resolver. Mas eu sinto que as pessoas estão se distanciando cada vez mais do básico. Dá pra ser produtivo só com CSS ou SCSS.
Olá, Amigo! Estou tendo problemas ao utilizar a extensão TailwindCss para habilitar o Intellisense esta lib que você utilzou no video, a tailwind-styled-components. Fui na documentação oficial da tailwind-styled-omponents, fiz toda a configuração recomendada(modificando o settings.json), mas mesmo assim não funciona. Você sabe alguma alternativa?
A sua abstração que juntou um componente em styled-components + um componente com tailwind-styled-components não funcionou. Pelo vídeo, as propriedades do Wrapper não persistiam no CustomWrapper quando você atualizava a página, gostaria de entender o porquê de você não ter corrigido isso. No mais, bom vídeo!
![[GRATUITO] NR 6 - EPI: Tudo o que você precisa saber para se proteger no trabalho! Aula 04](http://i.ytimg.com/vi/mbfte1L_D5M/mqdefault.jpg)
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.4 (4/4)](http://i.ytimg.com/vi/d3l5rxl5CVo/mqdefault.jpg)
Entregue aplicações web profissionais com autonomia e destrave a sua carreira para salários acima de 10 mil reais. Garanta sua vaga no Fullstack Master: go.devpleno.com/fsm
Cai nesse video de paraquedas, por causa do next13 com que agora é 0 runtime, logo styled-components tem que ficar utilizando 'use client' em tudo
minha mente explodiu quando chegou no tailwind-styled-components
hehehehe
Excelente abordagem, me ajudou aqui na minha decisão em utilizar o tailwind num projeto novo, obrigado pelo apoio
Que bom que ajudou! :)
agora entendi o hype do tailwind, mt brabo
hehehehehe
Cara muito bom! Obrigado.
Estamos juntos! ❤
Muito top !!!
Obrigado!
Muito legal! Você é fera Tulião!
Muito obrigado! 💙
Existem mais duas ferramentas que juntam o Tailwind com CSS-in-JS, tailwind-styled-components e twin.macro
Olá amigo ! Sou iniciante e me vejo aqui com muitas opções de estilização com diferentes ferramentas, tailwind, styled-components, chakra, etc. Eu li em um forum que CSS-in-JS adiciona um overhead/atraso no desempenho da aplicação. Você acha que impacta muito? Não?
Abc !
@@henriquedelben Exatamente. Eu troquei Styled Components recentemente de um projeto inteiro por SCSS Modules.
Minha dica é tu saber um pouco de tudo pra conseguir se virar, e conseguir julgar a melhor opção pra cada tipo de projeto. Se nem sempre seu foco no projeto é estilo e quer algo que seja rápido, Chakra ou Tailwind deve resolver.
Mas eu sinto que as pessoas estão se distanciando cada vez mais do básico. Dá pra ser produtivo só com CSS ou SCSS.
@@rafaelmrantunes valeu pela resposta, realmente não tem jeito, tem que aprender um pouco de tudo, rs !
Muito legal. Para algo mais simples acho que o tw styled components atende bem. Muito bom!
:)
Valeuuuuuuuu, me ajudou demais no meu projeto!
Que ótimo!
Show de bola, muito boa abordagem :)
Obrigado! :)
E como faz pra configurar o ssr no next com esse tailwind-styled-components
Muito show
Obrigado! :)
Para facilitar o que é cada elemento no html nao poderia simplesmente acrescentar um id? Excelente video!
Olá, Amigo! Estou tendo problemas ao utilizar a extensão TailwindCss para habilitar o Intellisense esta lib que você utilzou no video, a tailwind-styled-components. Fui na documentação oficial da tailwind-styled-omponents, fiz toda a configuração recomendada(modificando o settings.json), mas mesmo assim não funciona. Você sabe alguma alternativa?
Que tema vv usa no vscode?
A sua abstração que juntou um componente em styled-components + um componente com tailwind-styled-components não funcionou.
Pelo vídeo, as propriedades do Wrapper não persistiam no CustomWrapper quando você atualizava a página, gostaria de entender o porquê de você não ter corrigido isso.
No mais, bom vídeo!
Verdade não funcionou e não corrigiu, fiquei sem entender.
Acho bem melhor apenas um usar CSS-in-JS, como Emotion.
Não consigo gostar dessa abordagem de utility classes.
Também acho que fica muito bagunçado, parece que estamos voltando ao style inline.