O Bootstrap existe há mais de 8 anos e é o CSS Framework mais popular do mundo. Possui cerca de 18 milhões de sites em todo o mundo e esses números ainda estão crescendo. Se você é um desenvolvedor web, há quase zero chance de que você não teria ouvido falar sobre isso.
A versão alfa do Bootstrap 4 foi lançada em 19 de agosto de 2015 e trouxe muitas melhorias, como flexbox, um melhor sistema de grade, cartões, barras de navegação aprimoradas e a troca de Sass por Less. Além disso, levou mais de 2 anos para trazê-lo para uma versão estável em 18 de janeiro de 2018.
Com isso dito, vamos analisar tudo o que sabemos sobre a data de lançamento e as melhorias do Bootstrap 5.
Data de lançamento do Bootstrap 5
O progresso parece realmente bom no quadro de acompanhamento de projetos oficial do Github, com 686 tarefas sendo enviadas e cerca de 35 outras pendentes ou em revisão. Considerando que eles já estão trabalhando nas versões alpa-2 e alpha-3, podemos esperar que o Bootstrap 5 seja lançado no final da primavera deste ano .
O que há de novo?
Algumas das principais mudanças removerão completamente o jQuery como uma dependência, adicionando ícones personalizados da SVG (que eles já lançaram no ano passado), algumas simplificações de CSS e Javascript, correções e melhorias e removendo o suporte para o IE 10 e 11.
Aqui está uma lista de todas as alterações esperadas:
- Removendo o jQuery
- Descartando o suporte para o IE 10
- Biblioteca de ícones SVG personalizada
- Mudando para Jekyll de Hugo
- Principais atualizações de Javascript
- Pequenas atualizações e correções de CSS e de classe
Removendo o jQuery
Isso não deveria ser uma surpresa, já que o jQuery vem perdendo espaço nos tempos em que estruturas como React.js, Vue.js e Angular.js estão sendo usadas por uma quantidade crescente de desenvolvedores em todo o mundo. Além disso, muitos dos recursos de consulta do jQuery podem ser executados apenas escrevendo o seletor de consulta Javascript Javascript atual.
Acredito que este é um bom momento para fazê-lo, pois o jQuery cumpre seu objetivo há muito tempo. A remoção dessa dependência diminuirá consideravelmente o tamanho do projeto.
Descartar o suporte do IE 10 e 11 📺
O Internet Explorer 10 e 11 representa menos de 5% do uso global do navegador e, considerando que desde 2016 a Microsoft encerrou o suporte para versões anteriores a 10, essa é uma mudança compreensível.
Atualização: embora houvesse relações públicas relacionadas à queda do suporte ao IE 11, ele nunca foi mesclado na ramificação principal final. O suporte do IE 11 ainda estará disponível para o Bootstrap 5.
Atualização 2: de acordo com uma confirmação feita há uma hora, agora está claro que o suporte ao IE 11 está sendo descartado, no entanto, haverá soluções alternativas para fazê-lo funcionar.
Biblioteca de ícones SVG personalizada 🚀
Pessoalmente, fiquei um pouco decepcionado com a falta de uma biblioteca de ícones integrada para a 4ª versão. Geralmente usamos ícones Font Awesome ou SVG personalizados em nossos produtos, mas em breve poderemos mudar isso.
Com a 5ª versão, há uma nova biblioteca de ícones alimentada por SVG, criada por Mark Otto. O melhor de tudo é que ele já foi lançado em dezembro e você pode usá-los em seus projetos agora mesmo!
Mudando para Jekyll de Hugo para 🔝
A Jekyll existe há muito tempo como um gerador estático de sites muito popular, no entanto, nos últimos anos, Hugo foi considerado o mais rápido e mais recomendado. Vemos essa mudança semelhante ao que eles fizeram com a quarta versão do Bootstrap, mudando de Less para Sass.
Javascript e CSS
Esperamos grandes mudanças no arquivo Javascript principal, pois o jQuery não fará mais parte do projeto. Espere passar por uma nova documentação sobre ouvintes de eventos e opções. Em relação ao CSS, não há grandes mudanças, mas assumimos que haverá algumas otimizações, atualizações de classe e correções gerais.
Concluindo, o Bootstrap 5 deve ser mais rápido, mais simples e com melhor aparência. Não espere grandes mudanças em termos do conjunto básico de componentes, mas aprecie o tempo que poupará o desenvolvimento de belas interfaces de usuário e o menor tempo de carregamento para os usuários.
Se você usa o Bootstrap em seus projetos, considere verificar nossos modelos gratuitos e premium do Bootstrap 🙏.