Pojawiła się pierwsza wersja Bootstrap 5.0, w wersji alfa. Główne zmiany to szybsze ładowanie stron a także mniejsze rozmiary plików. Ten framework witryn mobilnych stworzono do projektowania nowoczesnych, responsywnych i dynamicznych interfejsów dla profesjonalnych stron internetowych. To wszystko jest możliwe dzięki wielu szablonów projektowych opartych na HTML i CSS dla różnych elementów strony internetowej lub aplikacji, m.in. przyciski, nawigacja, formularze, typografia czy innych elementów interfejsu z pomocnym rozszerzeniem JavaScript.

Jak mówią twórcy, w nowej wersji nie bali się odejść od tego co przestało być odpowiednie lub jest przestarzałe. Dlatego też Bootstrap 5.0 nie jest już zależny od biblioteki JavaScript jQuery .Ponadto zrezygnowano z obsługi przeglądarki Internet Explorer.

„Koncentrujemy się na budowaniu narzędzi, które są bardziej przyjazne dla przyszłości. I chociaż nie jesteśmy jeszcze w pełni tam przygotowani, obietnica zmiennych CSS, szybszego JavaScript, mniej zależności i lepsze interfejsy API z pewnością są dla nas właściwe.”

Lżejsze pliki w Bootstrap 5.0

jQuery to bogata w funkcje, szybka biblioteka JavaScript. Połączenie wszechstronności i rozszerzalności dało dostęp do elementów dokumentu bez pisania dużej ilości kodu JavaScript, reagowania na interakcję użytkownika, pobieranie informacji z serwera bez odświeżania strony za pomocą AJAX, zmienianie zawartości dokumentu czy dodawanie animacji do strony internetowej.

Podczas ośmiu lat korzystania z jQuery przez Bootstrap, jQuery rozrosło się i zostało dość dużą strukturą . W przeciwieństwie do jQuery, większość frameworków, takich jak Angular, React czy Vue, działa poprzez wirtualną DOM, prowadząc do lepszej wydajności. Dzięki ulepszeniom narzędzi programistycznych i obsługi przeglądarki można było zrezygnować z jQuery. Projekty oparte na Bootstrap 5.0 staną się lżejsze. Dotyczy to rozmiaru plików i postępu ładowania strony.

Vanilla JS

W związku z usunięciem jQuery, wszelkie jego funkcje zapytań będą wykonywane przy użyciu Vanilla JS. Dzięki temu nie ma potrzeby martwienia się o rozmiar lub sumowanie nieistotnych funkcji, ponieważ można pisać wydajny kod Vanilla JavaScript.

Koniec obsługi IE i niestandardowe właściwości CSS

Na początku działalności Internet Explorer był jedyną przeglądarką obsługującą skrypty JS i aplety CSS. Jednak obecnie nie obsługuje on nowoczesnych standardów JavaScript i kody musiały być kompilowane do ES5 zamiast ES6. Zwiększało to także rozmiar projektów prawie o 30%. Ponadto powoduje to ograniczenia w korzystaniu z właściwości CSS i mniejsze możliwości projektowania stron internetowych. Rezygnacja z obsługi IE pozwoliła projektom na większą elastyczność dzięki niestandardowym właściwościom Sass i CSS.

Rozszerzenie palety kolorów w Bootstrap 5.0

W Bootstrap 5.0 rozszerzono również paletę kolorów. Teraz łatwiej można dostosować wygląd aplikacji bez opuszczania bazy kodu. Poprawiono kontrast kolorów, dzięki czemu strony oparte na Bootstrap będą bardziej dostępne dla ludzi na całym świecie.

Źródła:

• https://designmodo.com/bootstrap-5/
• https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/
• https://www.infoworld.com/article/3563416/bootstrap-50-alpha-arrives-sans-jquery.html