Flutter Forward 2023: Apa arti inovasi yang diumumkan oleh Google bagi bisnis Anda?

Diterbitkan: 2023-02-13

Adakah yang lebih baik daripada memulai tahun baru dengan salah satu acara terpenting dalam pengembangan perangkat lunak, Flutter Forward 2023 ? Tim pengembangan Flutter di Miquido percaya bahwa menjelajahi peningkatan yang diumumkan selama konferensi sama menyenangkannya! Mari kita cari tahu apakah nama acaranya, Flutter Forward , memang kenabian. Saatnya untuk menyelesaikan rilis Flutter 3.7 yang paling penting dan merangkum secara singkat rencana untuk masa depan kerangka kerja lintas platform Google.

Sejauh ini, keunggulan Flutter yang paling signifikan dibandingkan framework pengembangan aplikasi seluler atau web lainnya adalah biaya pengembangan yang jauh lebih rendah, kemungkinan penskalaan aplikasi yang mengesankan, performa aplikasi yang hampir asli, dan kemampuan untuk mengimplementasikan antarmuka yang kompleks. Dan bukan rahasia lagi bahwa Flutter berfokus pada peningkatan lebih lanjut di semua area ini. Tapi peningkatan apa yang sebenarnya bisa kita harapkan?

Petunjuk baru untuk Flutter dan Dart: Peta jalan yang disajikan selama acara Flutter Forward
Peta jalan yang disajikan selama acara Flutter Forward

Mari kita bahas pidato utama dari Flutter Forward, selami lebih dalam 4 arah masa depan terpenting untuk framework Google, dan pertimbangkan nilai bisnis dari peningkatan yang diumumkan untuk tahun 2023.

Baseline: Flutter pada tahun 2022

Flutter adalah kerangka kerja sumber terbuka yang dibuat oleh Google untuk mengoptimalkan proses pengembangan aplikasi untuk berbagai platform sambil mempertahankan kemampuan maksimal yang ditawarkan oleh pendekatan asli. Google mengumumkan rilis stabil pertama (Flutter 1.0) pada akhir 2018, dan toolkit yang relatif baru dengan cepat menjadi framework pengembangan lintas platform paling populer di dunia.

Pada tahun 2021, Flutter menjadi framework lintas platform paling populer

Popularitas kerangka kerja Google yang luar biasa tidak mengherankan. Ada banyak manfaat dari Flutter, yang membuat semakin banyak developer tertarik untuk memilih framework ini. Flutter adalah toolkit UI yang memungkinkan developer membuat aplikasi seluler, web, dan desktop yang cantik dan ramah pengguna dari satu basis kode. Berkat fitur hot reload, Flutter meningkatkan produktivitas developer dengan memungkinkan mereka melihat pratinjau setiap perubahan kode secara instan. Dan yang tak kalah pentingnya, Flutter adalah proyek sumber terbuka sepenuhnya yang tidak memerlukan biaya lisensi atau alat khusus.

Fokus Google untuk mengembangkan Flutter pada tahun 2023

Google sangat berkomitmen untuk mengembangkan Flutter, sebagaimana dibuktikan dengan hampir 20 rilis pada tahun 2022. Menurut roadmap yang dipublikasikan di Github, Flutter berencana untuk mengumumkan 4 rilis yang lebih stabil dan 12 rilis beta pada tahun 2023. Selain itu, untuk menghormati komunitas kontributor eksternal yang mengesankan , Flutter baru-baru ini mengumumkan strategi baru mereka untuk merilis fitur baru "ketika mereka mencapai saluran beta daripada menunggu mereka berada di saluran rilis stabil" dan "mendorong orang yang mencari siklus pembaruan yang lebih cepat untuk menggunakan saluran beta".

Kutipan dari Peta Jalan Flutter untuk tahun 2023 yang dipublikasikan di Github
Kutipan dari Peta Jalan Flutter , Github

Melihat peta jalan 2023 yang diungkapkan pada acara Flutter Forward di Nairobi, Kenya, satu hal menjadi jelas. Flutter sekarang memasuki fase meninggalkan kompetisi lintas platform jauh di belakang. Skala peningkatan kinerja, kualitas, aksesibilitas, dan keamanan yang diantisipasi, serta jumlah fitur baru yang direncanakan Flutter untuk dirilis pada tahun 2023, benar-benar mengesankan. Mari kita bahas yang paling penting dari mereka.

4 inovasi teratas diumumkan selama Flutter Forward 2023

Selama acara Flutter Forward, para pendiri framework lintas platform menarik perhatian ke 4 area utama yang ingin mereka kembangkan dalam rilis mendatang, termasuk:

  1. Kinerja grafis terobosan
  2. Integrasi mulus untuk web dan seluler
  3. Arsitektur awal hingga baru dan muncul
  4. Terus fokus pada pengalaman pengembang.

Mari kita lihat lebih dekat berita paling menarik dari empat kategori yang disebutkan di atas.

1. Performa grafis terobosan: Impeller dan Material 3

Selama acara Flutter Forward, Flutter menekankan komitmennya yang terus berkembang untuk meningkatkan performa grafis toolkit UI Google. Tim Flutter tidak hanya memutuskan untuk menulis ulang runtime impeller Flutter, tetapi juga mengumumkan migrasi yang akan datang ke Material 3. Apa arti perubahan ini bagi perusahaan yang tertarik untuk mengembangkan produk digital mereka dengan Flutter?

Lebih banyak kemajuan pada Impeller

Flutter run –enable-impeller adalah penulisan ulang waktu proses rendering Flutter yang signifikan, yang bertujuan untuk memperbaiki masalah jank animasi dan memungkinkan kelancaran kinerja animasi kompleks (seperti kaleidoskop atau 3D). Dan meskipun Impeller saat ini hanya tersedia dalam beta awal (mode pratinjau untuk iOS), Flutter Dev mengungkapkan bahwa dalam beberapa bulan mendatang, mereka berniat menyempurnakan dukungan Impeller untuk iOS dan mengumumkan tanggal rilis pratinjau Android.

Itu [Impeller] adalah pengalaman yang sangat berbeda. Itu sangat halus seperti sutra. (…) Pada dasarnya, kami dapat membuat mesin rendering grafis yang disesuaikan untuk Flutter daripada memanfaatkan perender tujuan umum.

Tim Sneath Direktur Produk & UX untuk Flutter dan Dart di Google

Migrasi Flutter ke Material 3

Salah satu terobosan perubahan yang diumumkan selama Flutter Forward adalah migrasi dari Material 2 (M2) ke Material 3 (M3). Versi terbaru Flutter, Flutter 3.7, menghadirkan widget berdasarkan versi baru bahasa desain Google. Mengapa ini merupakan perubahan yang signifikan, dan apa akibatnya bagi produk digital Anda?

Apa itu Bahan 3

Mari kita mulai dengan informasi singkat untuk mereka yang tidak terbiasa dengan M2 dan M3. Desain Material adalah bahasa desain yang dikembangkan oleh Google pada tahun 2014 untuk menggabungkan prinsip UX/UI dengan inovasi teknis. Sistem komponen grafis, pedoman, dan alat yang dapat diadaptasi merampingkan kerja sama antara pengembang dan desainer dan membuat pembuatan produk digital yang ramah pengguna jauh lebih mudah.

Pembaruan Material terbaru dari tahun 2021, Material 3, menghadirkan standarisasi masalah aksesibilitas dan elastisitas komponen grafis yang jauh lebih besar. Fleksibilitas Bahan 3 terutama terkait dengan pengenalan standar untuk pengoperasian token desain, yaitu unit terkecil yang menyusun sistem desain (seperti warna, tipografi, atau spasi). Apa artinya ini dalam praktik? Lihat saja salah satu proyek etalase Google: aplikasi seluler Wonderous yang dikembangkan dengan Flutter, dan berdasarkan Material 3!

Luar biasa, contoh aplikasi Flutter yang dibuat dengan Material 3
Luar biasa, contoh aplikasi Flutter yang dibuat dengan Material 3
Kemungkinan apa yang membawa migrasi Flutter ke Material 3?

Migrasi ke M3 berarti bahwa Flutter memperkuat posisi kepemimpinannya terkait toolkit UI yang memungkinkan pembuatan aplikasi yang menarik dan menarik secara visual. Memanfaatkan tipografi, penerapan cepat UI berdasarkan tema, memperkenalkan gerakan melalui gerakan atau animasi… Berkat dukungan yang ditingkatkan untuk M3, mulai sekarang, pengembang Flutter akan dapat mewujudkan visi kreatif paling canggih secara efisien.

Tentu saja, migrasi ke Material 3 adalah sebuah proses, jadi pada tahap Flutter 3.7, pembuat kerangka memperhatikan masalah berikut:

  • Meskipun sebagian besar widget Flutter sudah dimigrasikan ke M3, developer harus mengikuti perkembangan proyek Material 3 Flutter GitHub untuk mengonfirmasi status widget yang diberikan.
  • Pengembang dapat memilih Material 3 menggunakan flag useMaterial3. Namun, UI mungkin tidak konsisten hingga semua Flutter dan kode masing-masing aplikasi dimigrasikan.

Apakah Anda ingin menemukan lebih banyak fitur Material 3 yang baru? Lihat demo interaktif yang disiapkan oleh Flutter Dev.

Materi 3 - demo interaktif oleh Flutter Dev
Materi 3 – demo interaktif oleh Flutter Dev

2. Integrasi sempurna untuk web dan seluler

Flutter Dev juga telah mengonfirmasi fokus yang kuat untuk memastikan integrasi yang lebih baik antara Dart dan bahasa pemrograman lainnya. Di web, Flutter kini dapat digunakan sebagai komponen tersemat. Di perangkat seluler, aplikasi Flutter kini dapat memanggil API sistem atau kode yang ditulis dalam bahasa pemrograman lain. Mari kita bahas peningkatan paling penting terkait integrasi web dan seluler yang lancar di Flutter!

Penyematan elemen

Salah satu peningkatan Flutter Forward yang paling banyak dibahas adalah standar baru Flutter untuk pengembangan web: menyematkan modul Flutter ke dalam aplikasi web yang sudah ada. Penyematan elemen, fitur baru yang sekarang dipratinjau oleh tim Flutter Dev, memungkinkan developer web menyematkan konten Flutter dengan mudah menggunakan elemen <div> standar. Dengan kata lain, developer web akan segera dapat mengintegrasikan widget Flutter ke dalam aplikasi yang sudah ada – bahkan yang ditulis dalam bahasa pemrograman berbeda.

Demo penyematan elemen oleh Flutter Dev
Demo penyematan elemen oleh Flutter Dev

Komunikasi langsung dengan API asli dari kode Dart

Flutter bekerja keras untuk menyempurnakan dua alat (FFIgen untuk iOS dan JNIgen untuk Android) untuk menghasilkan binding, yang memungkinkan komunikasi langsung dengan API asli dari kode Dart. FFIgen dan JNIgen secara signifikan meningkatkan efisiensi pengembangan dengan memungkinkan untuk memanggil kode asli dan menggunakan kembali kode yang sudah ditulis atau memanfaatkan fitur khusus platform. Saat ini, Dart mampu berkomunikasi dengan:

  • C (dart:ffi) → Linux
  • Objective-C dan Swift (paket dart: ffi + FFIgen) → macOS dan iOS
  • C++ (dart: ffi + paket FFIgen) → Windows
  • Java dan Kotlin (paket JNI dan JNIgen) → Android
  • JavaScript (paket js) → Web.

Interoperabilitas yang lebih baik dengan JavaScript

Sepertinya ada juga peluang baru untuk produk digital yang dibuat dengan JavaScript! Pengembang sekarang dapat menggerakkan widget Flutter langsung dari JavaScript – dan sebaliknya. Interoperabilitas yang lebih baik dengan JavaScript adalah peningkatan lain yang membuat kerangka kerja Google sangat efektif dalam hal penskalaan atau penulisan ulang aplikasi seluler atau web yang ada.

3. Dukungan untuk arsitektur awal hingga baru dan baru muncul

Selama Flutter Forward 2023, tim Flutter mengungkapkan upaya pertamanya untuk mengompilasi Flutter ke WebAssembly (Wasm) – sebuah “target kompilasi portabel untuk bahasa pemrograman, memungkinkan penerapan di web untuk aplikasi klien dan server” (WebAssembly). Tim Sneath, Director of Product & UX untuk Flutter dan Dart, juga mengumumkan dukungan Flutter untuk RISC-V, arsitektur chip bebas royalti standar terbuka. Menurut kami, mengapa kedua keputusan ini layak untuk dikomentari lebih lama?

Flutter dan WebAssembly

WebAssembly semakin populer sebagai format instruksi biner platform-netral di semua browser utama, dan tim Flutter Dev berharap untuk mengeksplorasi kelebihannya. Wasm ditandai dengan kecepatan dan kinerja yang mengesankan, terutama dengan data dalam jumlah besar. Mengenai pemrosesan gambar atau video, Wasm jauh lebih baik daripada pesaing terbesarnya, JavaScript. Tapi bagaimana itu bisa membantu dalam pengembangan kerangka kerja Google?

WebAssembly sepertinya akan memberi kita waktu yang lebih baik untuk memuat, mengurangi ukuran dan jumlah megabita yang ditransfer melalui kabel. (…) Potensi WebAssembly adalah — baik di web dan bahkan di luar — untuk menjadi lingua franca portabel jenis baru ini. Saya suka gagasan bahwa kita juga dapat mengambil dan menggunakan kode lain dalam bahasa lain di WebAssembly.

Tim Sneath Direktur Produk & UX untuk Flutter dan Dart di Google

Dukungan Flutter untuk RISC-V

Meskipun RISC-V masih dalam tahap awal, secara bertahap mulai mendapatkan daya tarik di seluruh industri. Menurut Sneath, investasi Google dalam arsitektur ini dapat membuka platform baru untuk Flutter. Meski prosesor ARM masih memimpin dalam hal performa, RISC-V terlihat sangat menjanjikan terkait teknologi wearable. Belum lagi RISC-V disediakan di bawah lisensi open source yang tidak memerlukan biaya untuk digunakan.

4. Fokus berkelanjutan pada pengalaman developer: Dart 3 alpha & Flutter News Toolkit

Flutter adalah framework yang dibuat untuk meningkatkan produktivitas developer. Bahasa pemrograman Flutter, Dart, memungkinkan pekerjaan yang efisien dan berulang dengan fitur hot reload, memungkinkan developer untuk bereksperimen, menyesuaikan karakteristik, dan memperbaiki bug selama pengembangan – tanpa memuat ulang seluruh aplikasi. Terlebih lagi, Dart berjalan cepat di semua platform, memungkinkan pengembang untuk mengimplementasikan kreasi UI yang kompleks, dan, yang tak kalah pentingnya, sangat mudah dipelajari.

Namun, selama Flutter Forward, Flutter Dev mengumumkan versi Dart yang lebih produktif, portabel, dan mudah diakses. Mari kita bicara tentang Dart 3, kini tersedia dalam versi alfa awal untuk pengujian!

100% aman tanpa suara di Dart 3: Tidak ada lagi aplikasi yang macet!

Pengumuman paling penting terkait Dart 3 yang akan datang adalah pengenalan 100% aman tanpa suara. Flutter menghentikan dukungan untuk berjalan tanpa null safety untuk mengurangi overhead dan kerumitan kode. Di Dart 3, semua variabel non-null secara default – yang secara signifikan menurunkan biaya dan kompleksitas penambahan fitur baru.

Dalam sistem pengetikan suara, Anda dapat mempercayai tipenya, artinya variabel tidak pernah nol ketika tipe menyatakan bahwa itu bukan. Hal ini meningkatkan produktivitas dengan mengatasi masalah selama pengembangan, bukan dalam produksi, dan memungkinkan kompiler Dart menghasilkan kode yang lebih kecil dan lebih optimal. (…) Dart unik dalam memperkenalkan keamanan nol suara 100% ke bahasa yang ada.

Michael Thomsen PM untuk Dart dan Flutter di Google

Ekspresi Dart 3 yang belum pernah ada sebelumnya: Rekaman, pola, dan kontrol akses

Rekaman dan pola adalah dua fitur utama Dart 3 baru yang mengoptimalkan pekerjaan dengan data terstruktur. Catatan memungkinkan pengembang Flutter membangun struktur data baru yang menggabungkan data yang ada dengan mudah. Pola, pada gilirannya, dapat merusak data komposit.

Perangkat Berita Flutter

Flutter News Toolkit adalah proyek Flutter Dev sumber terbuka yang ditargetkan untuk penerbit media dan konten yang mencari cara cepat dan hemat biaya untuk menjangkau pembaca mereka di perangkat seluler. Penayang konten yang tertarik dengan transformasi digital kini dapat menggunakan perangkat lengkap dengan semua yang mereka perlukan untuk mengembangkan aplikasi seluler dengan berita, termasuk navigasi, penelusuran, autentikasi, integrasi iklan, pemberitahuan, profil, atau langganan.

Boldsports – aplikasi seluler untuk start-up berita berbasis di Nigeria, dibuat dengan Flutter News Toolkit hanya dalam beberapa hari
Boldsports – aplikasi seluler untuk start-up berita berbasis di Nigeria, dibuat dengan Flutter News Toolkit hanya dalam beberapa hari

Miquido dan Flutter

Karena banyak industri menghadapi masa-masa sulit, sangat penting untuk memprioritaskan optimalisasi overhead operasional dan mitigasi risiko. Kerangka kerja lintas platform Flutter adalah solusi open-source, hemat biaya, dan andal yang memungkinkan perusahaan berfokus pada hal yang seharusnya mereka pedulikan: efisiensi, skalabilitas, dan profitabilitas produk digital mereka.

Pada tahun 2018, Miquido adalah perusahaan Eropa pertama yang membuat proyek komersial di Flutter. Aplikasi seluler Topline untuk Abbey Road Studios tidak hanya memenuhi asumsi bisnis, merampingkan proses perekaman musik untuk artis yang terkait dengan label ikonik Inggris, tetapi juga memenangkan hati seluruh industri pengembangan aplikasi seluler. Itulah mengapa kami ingin menekankan peluang bisnis yang ditawarkan oleh teknologi lintas platform dan Flutter dalam pengembangan seluler.

Apa masa depan Flutter? Pengalaman dari tahun-tahun sebelumnya menunjukkan bahwa Flutter menepati janji publiknya. Oleh karena itu, kami yakin bahwa roadmap Flutter untuk tahun 2023 dapat dianggap sebagai rencana matang yang diterapkan dengan susah payah oleh tim Google.