Executando verificação de segurança...
1

✍️Base do CSS VS TailwindCSS 💅

Outro dia vi uma postagem no LinkedIn falando em ir direto para o Tailwind, ao invés de estudar a base do CSS.
Minha opinião é que isso é tão errado quanto pular JS e ir direto para React. Falo isso pq me ferrei ao fazer isso em JS, cheguei em React não sabia o que era desestruturação, asincronismo e promises.

No CSS não é diferente, você vai se deparar com um flex-1, py-16... e se perguntar como isso funciona? e por favor, queira se perguntar isso. Entender tudo sobre block, inline, flex, box-sizing... Vai te fazer entender, bem melhor, as propriedades do Tailwind.

E vocês, indicam ir direto para o Tailwind?

Carregando publicação patrocinada...
1

Eu não sou fã de bibliotecas do gênero. Pra falar a verdade nunca cheguei a utilizar Taiwind realmente, prefiro CSS puro, assim como nunca quis aprender JQuery por preferir JS puro.

São bibliotecas que ajudam bastante, mas acho mais interessante utilizar CSS, pois sempre acabo aprendendo coisas novas e me traz um processo criativo melhor (por incrível que pareça).

1

🖋️O uso do JQuery hoje em dia pra um projeto novo não é nem bom usar xD, mas é bom ter algumas noções pq vai q um dia vc fica encarregado de um projeto legado!

🖋️A proposta do JQuery no passado, era fazer coisas q pra fazer com javascript era muito dificil/custoso, com as atualizações do javascript se tornou de certa forma obsoleto pra projetos novos.

❗Mesmo que ainda existam certos "components" jquery simples de usar e mt dahorinha kkk, olha esse video mostrando uma: https://www.youtube.com/watch?v=lGUGjz4R4c8&ab_channel=DarkCode

🖋️Sobre você achar mais interessante utilizar CSS puro pra aprender coisas novas, esse realmente é o caminho certo!!(eu faço isso xD) até pq vc não fica limitado a nenhuma lib/framework

🖋️Mas em projetos reais, quando vc visa manutenção e escalar o projeto o uso de libs é maravilhoso até mesmo pra manter um padrão, facilitar a documentação entre varias outras coisas!

❗Da uma chance pras libs, até mesmo por conta do q eu citei na resposta a cima,"vai q pega um projeto de terceiro pra fazer algo".

🖋️Agora falando a true, no começo eu queria que queria fazer sempre 100% de tudo com css puro, mas o tempo foi passando e certas coisas foi ficando chato com css puro xD, projetos de teste eu so faço puro, mas quando vc começa a fazer uns projetos longos e demorados, o tanto de arquivo style.css q vc tem q criar e importar, fora a criatividade pra nomear classes kkkk( ai entra css module,mt bom inclusive pra essa questão de n ter cabeça pra classes ).

🖋️Dai passando o tempo eu comecei a usar libs tipo bootstrap, pra usar coisas simples como posicionamento padrões(flex,justify/align...),cores...

❗Você não deixa de usar o css puro mas ganha tempo, pq tem mt estrutura q é simples demais e usar um tailwind pra fazer apenas algo como: "flex flex-col gap-4 p-10", é bem mais pratico do q ir la nomear uma classe, chamar o arquivo css... xD.

❗E todas essas coisas q eu to colocando como "dificuldade" fica mais chato quando vc tenta aplicar alguns patterns.

🌺Fiz um textão, desculpa kkkkk, mas espero que leia❤️

1

Obrigado pelos pontos!

Já utilizei Bootstrap e até usaria novamente para um novo projeto. Ainda penso utilizar o TailwindCSS, pois vejo que muita gente utiliza e imagino que empresa também, mas o JQuery vou deixar pra quando realmente for necessário. Depois de tanto tempo estudando de tudo, entendi que certas coisas devemos aprender no momento que for requisitado.

Pra facilitar minha vida utilizo o compilador SASS e crio variáveis com paddings e com estilos que são frequentemente utilizados. Ex: display: flex; align-items: center; justify-content: center; o que já ajuda bastante.

1

Ir direto pro Tailwind considero um erro, primeiro porque é uma biblioteca e não é a única (apenas atualmente na moda), o que quer dizer que se mudar a biblioteca tem que continuar sabendo como fazer as coisas e isso só vai conseguir com a base que é o CSS a forma de escrever vai mudar, mas padding/flex/margin/etc sempre vão continuar lá. Segundo, o próprio tailwind se define como framework visando utilidade então é o que tem que ser

Essa parte de pular direto pra framework/library gera muita confusão de conceito e geralmente a pessoa começa a forçar uso por não saber como fazer de outra forma (todos os projetos tem exatamente a mesma estrutura mesmo quando não faz o menor sentido).

pnd0x

1

🖋️Você citou o principal ponto! "porque é uma biblioteca e não é a única".

❗Vai que um dia ele é descontinuado? ou sei la oque xD, tem q estar pronto pra uma possivel adaptação

1

🖋️Fora que tailwind não resolve 100% dos problemas, em algum momento vc vai ter q saber css, desde incrementar o proprio tailwindConfig,fazer configs globais ou coisas como:

🔹Animações mais avançadas com keyframer.
🔹Algumas medias mais especificas...
🔹Ou situações de estilos condicionais com JS, que fica bem melhor usando css do que o tailwind.

🖋️Saber so tailwind pode até ser okay pra fazer um projeto do 0, mas pegar um projeto pra fazer manutenção ou outra coisa... Se não souber CSS,CRY

❗Primeiro a massa, depois a cobertura!

1

A pergunta é: Até onde devo saber CSS para ir para tailwind ?

O quão profundo preciso ir para depois ir para o próximo passo ?

Saber o básico de flexbox e grid (além das partes mais básicas), já me qualifica para seguir em frente ?

1

Com o básico, você já consegue ir para o tailwind, mas não se prenda em aprender somente o básico, pq como o pessoal falou o tailwind é temporário uma hora ou outra surgirá outro framework para substituir, além de aue existem outras ferramentas, styled components, chakraUI... Então você focar em aprender o máximo de css possível é melhor