JetBrains menghadirkan Jetpack Compose, kerangka desain deklaratif Google untuk Android, ke web. Ini tersedia sebagai pratinjau hari ini.
Dalam beberapa tahun terakhir, terdapat dorongan yang cukup besar untuk pengembangan program lintas platform. Kerangka kerja seperti React dan Flutter dibuat untuk memungkinkan pengembang berbagi basis kode tunggal di Android, iOS, desktop, dan bahkan web. Bahkan JetBrains, perusahaan di balik beberapa IDE terpopuler dan bahasa pemrograman Kotlin, telah mengerjakan pengembangan lintas platform. Pertama dengan Kotlin Multiplatform tetapi yang terbaru dengan Jetpack Compose.
Beberapa waktu lalu, JetBrains mem-porting Jetpack Compose, kerangka desain deklaratif Google untuk Android, ke desktop. Hal ini memungkinkan pengembangan desktop lintas platform berdasarkan JVM Java. Dengan menggunakan Jetpack Compose, Anda dapat membuat aplikasi untuk Android, macOS, Windows, dan bahkan Linux, semuanya dari satu basis kode. Namun selain iOS, ada platform cukup besar yang hilang dari Compose: web.
Tapi itu akan berubah. JetBrains punya dilepaskan apa yang mereka sebut Pratinjau Teknologi Jetpack Compose untuk Web.
Sekarang, Pratinjau Teknologi pada dasarnya adalah nama yang bagus untuk pra-alfa. Compose untuk Web belum siap digunakan dalam produksi. Tidak ada tutorial, sangat sedikit dokumentasi, dan API yang ada belum lengkap. Karena itu, mari kita lihat apa yang ditawarkan Compose untuk Web sejauh ini.
Pada versi saat ini, ada dua cara untuk mengembangkan Compose untuk Web: menggunakan DOM API, atau menggunakan widget Compose yang sudah ada, seperti Kolom atau Teks.
Jika Anda menggunakan DOM API, Anda akan memiliki nama API yang mewakili berbagai elemen HTML, seperti P, A, dan seterusnya. Perbedaan besar antara Compose dan Kotlin JS klasik adalah Anda dapat menggunakan desain deklaratif berbasis negara. Opsi ini sepertinya merupakan jembatan antara pengembangan web klasik dan pengembangan UI deklaratif penuh. Selain membuat tata letak, Compose for Web juga memungkinkan Anda membuat stylesheet dinamis berbasis negara.
Opsi kedua akan terlihat lebih familier bagi pengembang Android dan Compose. Ada komponen siap pakai, seperti Kolom, Baris, dan Slider, yang dapat Anda gunakan untuk membuat UI web. Saat ini, ini belum lengkap dan gaya serta opsi belum sepenuhnya diterapkan. Tapi setidaknya ini memberi kita gambaran tentang apa yang JetBrains sediakan untuk Compose untuk Web.
Secara keseluruhan, saat ini, tidak banyak yang bisa dilakukan Compose untuk Web. Itu masih di dalamnya sangat dini hari. Tapi itu bisa berarti banyak untuk masa depan. Secara pribadi, sebagai pengembang Android, saya mengalami kesulitan untuk masuk ke kerangka tata letak berbasis browser. HTML dan CSS dasar bisa jadi rumit, dan sintaksis React dan Flutter masih didasarkan pada desain HTML.
Bahasa desain lintas platform berfitur lengkap yang tidak didasarkan pada prinsip desain web cukup menarik. Meskipun perjalanan Jetpack Compose masih panjang, apa yang direncanakan JetBrains dapat sangat berarti bagi masa depan desain UI.
Jika Anda ingin mempelajari lebih lanjut tentang Compose untuk Web, lihat pengumuman JetBrains. Jika Anda tertarik untuk bermain-main dengan implementasi saat ini, pergilah ke repositori GitHub.