Bootstrap es el framework más popular para el desarrollo de interfaces web con un diseño moderno, adaptadas a las pantallas de los dispositivos.
Twitter ha anunciado que ya está disponible la primera alpha de la versión 5 de este popular framework. Os contamos que diferencias y novedades encontramos más interesantes en esta nueva versión
Un nuevo diseño
Se han actualizado los diseños de los apartados de la web del framework, eliminando el full-width para mejorar la lectura de los contenidos de la web y actualizando la barra de navegación de la documentación, mejorando así su diseño y estructura.
Además, el cambio mas evidente en cuanto al diseño se refiere es su nuevo logo, del cual os adjuntamos una imagen a continuación:
Adiós a JQuery
Quizás este sea el cambio mas importante de la nueva versión, ya que Bootstrap ha estado utilizando esta librería por más de 8 años. Este framework surgió con la idea de resolver un problema: Manejo de eventos, animaciones, modificar el DOM y peticiones por AJAX, cosas que actualmente se pueden realizar con JavaScript nativo o «Vanilla JavaScript» sin ningún problema.
Hoy en día tenemos diferentes frameworks de JavaScript que lideran el barco, tales como Angular, Vue o React. Estos han provocado que JQuery se quede en fuera de juego, por lo que desde Boostrap han decidido cambiar a JavaScript nativo.
Desde Sistemas y Redes consideramos que este cambio es bastante acertado, ya que en nuestro caso nos limitaba el uso de algunas características de Bootstrap ya que no trabajamos con JQuery, lo que nos obligaba a programarlas a mano o utilizar otras opciones como Vuetify.
Eliminado el soporte para Internet Explorer 10 y 11
Internet Explorer es una de las peores pesadillas para los programadores debido a su mala compatibilidad y soporte con las nuevas funcionalidades estándar de JavaScript, ya que el código necesita ser compilado en ES5 en lugar de ES6 (la versión actual). Además, este explorador no tiene gran relevancia hoy en día, ya que existen mejores alternativas tales como Chrome, Firefox, Edge, Opera, etc.
Propiedades personalizadas para CSS
Gracias a la eliminación del soporte para Internet Explorer, en esta nueva versión se permiten utilizar las «custom properties» de CSS, ayudando así a utilizar variables en nuestro código
Actualización de los formularios
Se han modificado los formularios y se han añadido nuevas características como los «switch», algo que mejora el aspecto de la web y da un look más moderno a nuestros formularios.
Referencias:
https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
