CSS-in-JS na prática! Criando componentes com React e CSS no NextJS

Você ai já ouviu falar de CSS in JS correto? E se eu ti disser que nesse vídeo você vai ver na prática as vantagens e vai inclusive criar a base de uma lib? 🤯 então senta ai na cadeira, pega a pipoca e vamo pro vídeo!

🔸 Como consigo o projeto do vídeo soutinho?

🔸 Link importantes para VOCÊ! (e pra me ajudar a continuar trazendo conteúdo!)
■ Quer ajudar a fortalecer a firma pra valer? Considera virar membro do canal e ter acesso a conteúdo extra, bastidores e muito mais!

🔸 Quer ver mais conteúdos meus? Segue ai!

🔸 Sabia que eu tenho séries na Alura também?

#CSSinJS #NextJS #ReactJS

[devcunha]

Uma dica de video é sobre como publicar/criar components no npm, como esta realizando build e versionamento, lerna ou rollup ? Acho q seria conteudo maneiro !

[randerins]

Primeira vez que ouço alguém dizer "estruturinha" hahah
Video massa, como sempre!

[salvimateus]

que combo maravilhoso, o video de storybook e esse agora, foram sensacionais!!!

[wevertonrodrigues]

Justo na hr q eu estava procurando sobre CSS in JS XD

[emanoelinfinity]

Uso basicamente o styled-component normal sem muitas firulas.

[diogozura]

aaaa obrigado, agora posso seguir minha vida fazendo meus sites com Next.js

[noriller]

Da uma olhada no Chakra/Theme, a coisa mais massa que tem disso de trabalhar com media query é a possibilidade de usar um array! tipo fontSize={['1rem', '1.5rem', '2rem']}, dai fica muito melhor de mexer do que ficar pondo xs isso, lg aquilo...

[ideiax]

Show o vídeo! Vou ver novamente em 2x só de sacanagem.

[woodsphreaker]

Uso em 99% dos projetos, styled-components, por ter uma pegada super dinâmica, passagem de props, estilização condicional, definição de estilos base para outros componentes, compartilhamento de propriedades, extensão nativa das tags no caso web e componentes no native, possibilidade de integrar com outros frameworks como material ui, definição de temas controlados por um provider, etc...
Nos outros 1% seria algo bem simples, como testes ou mesmo preguiça de criar um componente, rs.
Mas achei bem interessante essa outra forma.

[DanielRios]

Caramba, vão falar do Supabase na Imersão, que massa, eu já pensei em usar ele, mas ele fala que pausa depois de 7 dias de inatividade, ai nunca dei bola

[deveujoao]

Eu to usando muito o ChakraUI ou o styled-components

[nickaelbruzzi]

Alguém me explica pq está todo mundo animado com isso, pq tipo, pq usaria isso em vez de styled components ou setar classes dinamicamente?

[hevelsonRosario]

Uma dúvida que sempre me vinha em mente quando pensava em começar a usar o styled components era pra esses casos em que eu preciso do mesmo estilo porém em uma tag diferente, então sempre desistia de utilizar. Atualmente eu ainda uso mais o sass juntando tudo em um único arquivo. Mas isso por conta de trabalhar mais com painéis administrativos do que com sites.

[jacksoncamara]

O repositório de exemplo do nextjs com a biblioteca Styled component não foi mais atualizado há meses. Tem algum motivo pra isso? Mudou a forma como configura ou está igual?

[diego-zbfr]

mario hoje em dia existem cenários que o react "puro" vale mais a pena que o next?

[rsfbernardes]

Só css puro mesmo. Ainda não sei mais nada :/

[DanielRios]

Parei de assistir o vídeo no meio por causa da live, rs, mas respondendo a pergunta, eu prefiro usar SASS ou PostCSS, ou até os dois juntos, fica melhor ainda