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.
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.
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.