Bootstrap 5 alpha dan apa yang baru tentangnya

by 1 2020-08-04 04:02:20

Bootstrap 5 alpha dan apa yang baru tentangnya

Versi alpha dari Bootstrap 4 telah dirilis pada 19 Agustus 2015 dan membawa banyak perbaikan seperti flexbox, sistem grid yang lebih baik, kartu, navar yang lebih baik dan penggantian Sass dari yang kurang. Selain itu butuh lebih dari 2 tahun untuk membawanya ke versi stabil pada 18 Januari 2018.
Dengan itu, mari kita menganalisis semua yang kita ketahui tentang tanggal rilis dan peningkatan Bootstrap 5.
Tanggal rilis Bootstrap 5
Kemajuan terlihat sangat bagus di papan lacak proyek resmi Github dengan 686 tugas sedang dikirim dan kira-kira 35 lagi menunggu atau sedang ditinjau. Mempertimbangkan bahwa mereka sedang mengerjakan versi alpa-2 dan alpha-3, kita dapat mengharapkan Bootstrap 5 akan dirilis pada akhir musim semi tahun ini .


Apa yang baru?


Beberapa perubahan besar akan menghapus jQuery sama sekali sebagai ketergantungan, menambahkan kembali ikon kustom yang didukung oleh SVG (yang telah mereka luncurkan tahun lalu), beberapa penyederhanaan CSS & Javascript, perbaikan dan peningkatan serta menghapus dukungan untuk IE 10 & 11. 


Berikut daftar semua perubahan yang diharapkan:
•    Menghapus jQuery
•    Menjatuhkan dukungan untuk IE 10 & 11
•    Perpustakaan ikon kustom SVG
•    Beralih ke Hugo dari Jekyll
•    Pembaruan Javascript utama
•    CSS kecil dan pembaruan dan perbaikan kelas


Menghapus jQuery 😱
Ini seharusnya tidak mengejutkan karena jQuery telah kehilangan kekuatan di saat kerangka kerja seperti React.js, Vue.js, dan Angular.js digunakan oleh semakin banyak pengembang di seluruh dunia. Selain itu banyak fitur kueri jQuery dapat dilakukan dengan hanya menulis pemilih kueri Javascript vanilla saat ini.


Saya percaya ini adalah waktu yang tepat untuk melakukannya karena jQuery telah melayani tujuannya untuk waktu yang lama. Menghapus ketergantungan ini akan meringankan ukuran proyek secara signifikan.


Menjatuhkan dukungan IE 10 & 11 📺
Baik Internet Explorer 10 & 11 menyumbang kurang dari 5% dari penggunaan browser global dan mempertimbangkan bahwa sejak 2016 Microsoft mengakhiri dukungan untuk versi yang lebih tua dari 10 ini adalah perubahan yang dapat dimengerti.
Pembaruan: Meskipun ada PR yang terkait dengan menjatuhkan dukungan IE 11, itu tidak pernah digabungkan dalam cabang master terakhir. Dukungan IE 11 masih akan tersedia untuk Bootstrap 5.
Pembaruan 2: sesuai dengan komitmen yang dibuat satu jam yang lalu, sekarang jelas bahwa dukungan IE 11 sedang dibatalkan, namun akan ada solusi untuk membuatnya berfungsi.
Baca lebih lanjut tentang implikasi dan solusi untuk menggunakan IE 11 dengan Bootstrap 5 .


Perpustakaan ikon SVG khusus
Secara pribadi saya agak kecewa dengan kurangnya ikon perpustakaan yang terintegrasi untuk versi ke-4. Kami biasanya menggunakan Font Awesome atau ikon SVG khusus di produk kami, tetapi kami dapat segera mengubahnya.
Dengan versi ke-5 ada perpustakaan ikon bertenaga SVG baru yang dibuat oleh Mark Otto. Apa yang lebih baik adalah bahwa itu sudah dirilis pada bulan Desember dan Anda dapat menggunakannya dalam proyek Anda sekarang!
Baca lebih lanjut tentang perbandingan kami antara ikon Bootstrap dan Font Awesome .
Beralih ke Hugo dari Jekyll 🔝


Jekyll telah ada sejak lama sebagai Generator Situs Statis yang sangat populer, namun dalam beberapa tahun terakhir Hugo dianggap sebagai yang tercepat dan paling direkomendasikan. Kami melihat perubahan ini mirip dengan apa yang mereka lakukan dengan Bootstrap versi ke-4 dengan beralih dari Less ke Sass.
Javascript & CSS


Kami berharap perubahan besar pada file Javascript inti karena jQuery tidak akan lagi menjadi bagian dari proyek. Harapkan melalui dokumentasi baru tentang pendengar acara dan opsi. Mengenai CSS tidak ada perubahan besar tapi kami menganggap akan ada beberapa optimasi, pembaruan kelas dan perbaikan umum.


Kami juga menulis tutorial untuk Bootstrap 5 tentang bagaimana Anda dapat memulai tanpa jQuery, membuat halaman blog, menggunakan variabel Sass baru dan menjelajahi API Utilitas.
Sebelum menyelesaikan artikel ini, saya ingin mempersembahkan kepada Anda dua perangkat Bootstrap UI paling populer dari Themesberg. Keduanya menggunakan versi stabil terbaru dari Bootstrap dan akan segera tersedia di Bootstap 5. Lihat!


Kit UI Pixel Lite Bootstrap


Pixel Lite adalah Bootstrap UI Kit gratis dan open source yang menampilkan lebih dari 200 komponen individu dan 6 halaman kerajinan tangan termasuk tentang, harga, masuk dan mendaftar halaman.
 
Pixel hadir dengan perintah SASS dan Gulp seperti dalam tutorial ini dan dengan beberapa fitur yang lebih kuat seperti minifikasi dan optimisasi proyek berdasarkan pada perintah Gulp yang canggih.

Pixel Pro Bootstrap 5 Kit UI


Pixel Pro adalah Kit UI Bootstrap 5 premium yang menampilkan lebih dari 1000 komponen, 35 halaman contoh yang indah, dan dasbor pengguna yang dapat Anda gunakan untuk memulai proyek Anda berikutnya. Itu juga dilengkapi dengan file SASS kustom canggih dan perintah Gulp dengan template yang sepenuhnya responsif.
 
Jika Anda ingin membawa pengembangan web ke tingkat berikutnya, Anda dapat mengambil Pixel Pro hanya dengan $ 89 dolar dari Themesberg.

Kesimpulannya Bootstrap 5 harus lebih cepat, lebih sederhana dan lebih tampan. Jangan berharap perubahan besar dalam hal komponen dasar perangkat, tetapi lebih menghargai waktu yang akan menghemat Anda mengembangkan antarmuka pengguna yang indah dan waktu pemuatan yang lebih singkat bagi pengguna.