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

1 min de leitura ·

Bootstrap ou CSS Puro: Vale a Pena Utilizar um Framework?

Boa tarde!

Tendo experiência em CSS e a capacidade de desenvolver interfaces do zero, estou ponderando sobre a adoção de um framework como o Bootstrap para agilizar o desenvolvimento em um projeto médio.

Quais são as vantagens e desvantagens percebidas por vocês ao escolher entre desenvolver manualmente com CSS puro ou utilizar um framework CSS como o Bootstrap nos projetos atuais?

Vocês encontraram benefícios significativos ou desafios ao optar por uma abordagem sobre a outra?

Agradeço por compartilhar suas experiências e perspectivas!

Entre um e o outro, por que não usar os dois? Por melhor que seja um Framework, dificilmente ele vai te satisfazer em tudo.

O lado bom de já ter trabalhado com CSS puro foi ter adquirido conhecimento suficiente para poder fazer esse mix.

Pra quem tá começando, eu sempre bato na tecla: antes de usar um Framework e ficar dependente dele, aprenda bem CSS puro, e você já tem esse requisito.

Se tivesse que escolher só uma dessas duas opções, eu ficaria com o CSS puro, mas como as tecnologias estão aí pra facilitar as nossas vidas, aproveite o máximo possível, e ganhe produtividade.

Perfeito! Parabéns pelo comentário!!!

O problema ocorre quando você não trabalha sozinho.
Se está sozinho vai no CSS puro mesmo.
Se for trabalhar com mais pessoas, é ótimo e produtivo que todos saibam Bootstrap.
Caso contrário, é complicado, a todo momento cada tem que analisar o CSS do outro para saber o que faz.
Tem outras vantagens como trocar o tema de forma fácil, etc.

Pensa da seguinte forma, dificilmente você será o único desenvolvedor no projeto, a medida que o projeto vai aumentando em funcionalidade e em pessoas mexendo no código a tendência é de que ao longo do tempo vai ficando cada vez mais dificil dar manutenção no que outras pessoas fizeram (as vezes é dificil lembrar o que nós mesmos fizemos), um framework vai permitir criar um padrão que todos "deverão" seguir diminuindo as chances do codigo ficar bagunçado.

Sendo o projeto de tamanho médio, o que sugere que outras pessoas poderão trabalhar no CSS atualmente ou no futuro, vejo claras vantagens no uso de Bootstrap.

Cria automaticamente um padrão, garante alta compatibilidade e facilita o desenvolvimento e manutenção futura.

Vai por mim, escolha um framework css, a coisa mais improdutiva é fazer layout com css puro. Os Framework css ja resolveram um monte de problemas e mesmo voce sendo o cara mais pica no css vai encontrar cenarios que vão te fazer perder horas pra resolver, principalmente questões relacionadas a versões de browser, mobile etc.

Eu iria além, use e abuse de frameworks consolidados como angular, react, vue, blazor use orms, etc.

Se concentre em fazer todo o sistena funcionar, entregue na metade do prazo e na sequência refatore pra obter o maximo de desempenho.

Esse é o segredo do sucesso, entrega rapida com performance e qualidade e os frameworks estao ai pra isso.

Discordo da sua visão. Primeiro que, se você tem experiência com CSS, não vai perder hora para resolver uma situação. Sinceramente, se você perder horas, você só não domina linguagem. Eu mesmo executo CSS sem olhar para a documentação, mas tenho muita experiência com a tecnologia.

Já fiz landing pages de alta performance com menos de 5KB de CSS nativo e ferramentas de transpilação. Enquanto de você aiciona no mínimo 160KB só para o Bootstrap, por exemplo.

Sobre questões relacionadas a "browser, mobile, etc"; não entendi muito bem. Existem diversas ferramentas que ajudam a transpilar o CSS e trazer compatibilidade, tratamento e compressão. À exemplo, SASS, SCSS, LESS, Styled-Components, PostCSS, etc.

E por fim, você tem que sempre analisar cada cenário. Geralmente websites institucionais, plataformas voltada para o público geral, fugiria de frameworks. Eles tiram toda a personalidade do projeto. No máximo utilizaria uma biblioteca atômica, como Tailwind.

Já para sistemas internos, preditivos, frameworks encaixam melhor. Ainda sim, utilizaria bibliotecas atômicas que podem compilar apenas as classes CSS que foram utilizadas.

Se você é um dev "pica" no frontent e consegue ser mais produtivo usando css puro, do que usando frameworks, ai nem entra a discussão.
Ponto é que nem todo mundo é o bichão do css.
Considerando que é um projeto médio, considerando que outros darão continuidade no projeto, eu com certeza não utilizaria css puro.
Será uma dor de cabeça contratar um bom profissional que depois consiga dar manutenção porque é escasso esse perfi no mercado. A grande maioria dos devs estão acostumados com frameworks, seja Tailwind, Bootstrap, etc.

Sobre tamanho de css, isso é coisa do passado, a internet mais "peba" hoje em dia da conta de carregar alguns kbs a mais dos frameworks, sem contar os CDNs da vida.

Questões de mobilidade que eu falei, é sobre coisas tolas como alinhamento de um objeto no celular, mobile first, já vi dev especialista levar um coro para resolver problemas assim, coisa que frameworks já resolveram.

Sobre tirar a personalidade do projeto, o framework é para resolver coisas triviais, a identidade visual ainda é responsabilidade da equipe que deve seguir a orientação do cliente.
Neste caso concordo contigo que Tailwind seja uma opção melhor do que boostrap.

Para finalizar, muitos projetos atrasam por questões como essa, o simples reinventar a roda, então eu levaria esse quesito de velocidade de entrega muito a sério.

Um tanto equivocado seu conselho.

Ele pediu opnião sobre css e bootstrap, ou seja, algo voltado pra estilização.
E sobre o segredo do sucesso "Esse é o segredo do sucesso, entrega rapida com performance e qualidade e os frameworks estao ai pra isso.", do jeito citado, parece até ser algo trivial.

Equivocado por quê?
Dei minha opinião baseado no que vivi ao longo de mais de 10 anos como programador.
Trabalhei praticamente minha vida toda no seguimento bancário onde o foco sempre foram produtividade e desempenho, por isso dei o conselho baseado nisso.

Sendo banco a coisa mais insana que existe, acho até difícil um cenário que tenha mais pressão do que este, logo para mim se tornou uma obrigação a busca por produtividade e performance.

Sobre entregar rápido e com desempenho.
Sabe porque não é trivial?
Devido a dúvidas como essas, devido ao desejo de reinventar a roda, por eternas, longas e filosóficas discussões, frameworks estão ai para serem usados, para encurtar caminho.
Desempenho se consegue com noções básicas e bom senso, o simples que funciona, o benchmarking, tudo isso tem como monitorar.
Logo se você constrói com framework, você entrega mais rápido, o passo seguinte você começa o monitoramento e atua refatorando os gargalos.

Vivemos a época de ouro da programação, devops, kubernets, cloud, microsserviços, frameworks, alto poder de processamento até em um notebook domestico e você vai me dizer que produtividade e desempenho não é trivial? ; - )

Estive na mesma situação de desenvolvimento, já fiz ambos. Se você não vai trabalhar sozinho, usar um framework ajuda muito na velocidade e qualidade da entrega, então sugiro sim selecionar um.

Se seu projeto for somente contigo e tenha um escopo bem definido, usar algo escrito por ti fará sentido.

Gostaria de acrescentar que usar um framework não significa necessariamente usar TODO ele. Você pode usar somente partes do framework de maneira modular. Isso é algo bom se você se preocupa com o tamanho do arquivo e a velocidade de carregamento (assim como eu). No mais, existem diversas opções além do Bootstrap, e acho que vale a pena dar uma pesquisada e olhada neles.

Boa sorte com teu projeto.

Todo conhecimento em uma tecnologia é bem vindo quando se trata de utilizar um framework ou uma lib, desde que o básico tu já domine ou tenha praticado bastante.

Eu particularmente curto utilizar o CSS puro, mas vejo a necessidade de estudar Sass ou até mesmo Tailwind um dia.

Acho que quando se trata de projetos próprios vai muito do gosto e do que a pessoa se sente confortável, o que eu não acho muito vantajoso é você levantar uma bandeira pra um framework/lib...

Aonde trabalho usamos bootstrap e sass para ajudar na manutenção já que são várias pessoas que mexem no mesmo código, acredito que se não usassemos um 'padrão' ia ficar muito difícil dar manutenção.

Sempre defendi usar css puro, depois de um tempo decidi que algumas coisas precisavam ser mais diretas e fáceis de dar manutenção, então decidi meio que fazer meu próprio mini framework em cima de styled components, bem simples só pra algumas coisas não ir se repetindo, por exemplo criei um estilo flex daí por exemplo se eu usasse css puro eu tinha que colocar display flex em praticamente todas as div, mas daí recentemente decidi ir pro tailwind é uma transição chata já que tinha que ficar com a documentação do tailwind aberta o tempo todo, mas achei bem útil, ainda sinto falta de algumas coisas que eu conseguia fazer, e meio que sou contra alguns padrões de nome do tailwind, que sempre me irrita muito, mas basicamente é o jeito quando se cria um dependência se adaptar pra agradar ela, no fim acho que tu tem que se perguntar o tipo e projeto que você está, por exemplo qualquer painel administrativo, é um padrão tão grande que tem biblioteca tão grande com coisas prontas que nem compensa, agora uma landing page basica, ainda defendo que usar css puro e no máximo algum framework mais genérico de css como tailwind é mais fácil de manter, o complicado de bootstrap é o estilo que ele coloca em cima, então qualquer coisa que tenha que fugir desse estilo basicamente tem que sobrepor a biblioteca então landing page que sempre ocorre de ter alterações em minimos detalhes esar bootstrap pra mim sempre foi um tiro no pé

Acredito que vale a pena sim, ainda mais em um ambiente comercial, onde tem varias pessoas atuando no mesmo projeto.

Estou usando Bootstrap em um projeto freelancer com Angular. Vou falar pra você, tanto faz a tecnologia, o que importa é o resultado.

Se é CSS, SCSS, SASS, LESS, Bootstrap, Tailwind, Chakra UI ou qualquer outra coisa, o que vale é o resultado.

Vai estar atendendo os critérios de design? Vai estar otimizado? Não vai causar problemas pra aplicação?

Vai na fé!

Sobre o bootstrap, eu uso pra montar layout, minha estilização é com CSS puro.
É muito difícil você montar um layout de grid responsivo com tudo alinhado, e é aí que entra os frameworks componentizados.
Você tem um componente pronto que já está bem estruturado, responsivo e com um layout.

Participe da nossa comunidade