Jetpack Compose for Web, web geliştirme için yeni bir kullanıcı arayüzü çerçevesidir

click fraud protection

JetBrains, Google'ın Android için bildirimsel tasarım çerçevesi olan Jetpack Compose'u web'e getiriyor. Bugün önizleme olarak mevcut.

Geçtiğimiz birkaç yılda platformlar arası program geliştirme konusunda oldukça büyük bir çaba yaşandı. React ve Flutter gibi çerçeveler, geliştiricilerin Android, iOS, masaüstü ve hatta web üzerinde tek bir kod tabanını paylaşmasına olanak sağlamak için oluşturuldu. En popüler IDE'lerden bazılarının ve Kotlin programlama dilinin arkasındaki şirket olan JetBrains bile platformlar arası geliştirme üzerinde çalışıyor. İlk olarak Kotlin Multiplatform ile, daha yakın zamanda ise Jetpack Compose ile.

Bir süre önce JetBrains, Google'ın Android için bildirimsel tasarım çerçevesi olan Jetpack Compose'u taşıdı. masaüstüne. Bu, Java'nın JVM'sini temel alan platformlar arası masaüstü geliştirmeye izin verdi. Jetpack Compose'u kullanarak tek bir kod tabanından Android, macOS, Windows ve hatta Linux için bir uygulama oluşturabilirsiniz. Ancak iOS'un yanı sıra Compose'ta oldukça büyük bir platform eksik: web.

Ancak bu değişmek üzere. JetBrains'in sahip olduğu piyasaya sürülmüş Web için Jetpack Compose'un Teknoloji Önizlemesi adını verdikleri şey.

Teknoloji Önizlemesi temelde alfa öncesi için süslü bir isim. Web için Oluşturma henüz üretimde kullanılmaya hazır değil. Hiçbir eğitim yok, çok az belge var ve API'ler neredeyse tamamlanmadı. Bununla birlikte Compose for Web'in şu ana kadar neler sunduğuna bakalım.

Mevcut sürümde Web için Compose'ta geliştirme yapmanın iki yolu vardır: DOM API'yi kullanmak veya Sütun veya Metin gibi mevcut Compose widget'larını kullanmak.

DOM API'yi kullanırsanız farklı HTML öğelerini temsil eden API adlarına sahip olursunuz. P, A, ve benzeri. Compose ve klasik Kotlin JS arasındaki en büyük fark, durum tabanlı bildirimsel tasarımı kullanabilmenizdir. Bu seçenek, klasik web geliştirme ile tam bildirimli kullanıcı arayüzü geliştirme arasında bir tür köprü gibi görünüyor. Web için Compose, düzen oluşturmanın yanı sıra dinamik, durum tabanlı stil sayfaları oluşturmanıza da olanak tanır.

İkinci seçenek, Android ve Compose geliştiricilerine daha tanıdık gelecektir. Bir web kullanıcı arayüzü oluşturmak için kullanabileceğiniz Sütun, Satır ve Kaydırıcı gibi önceden hazırlanmış bileşenler vardır. Şu anda bunlar tam olarak tamamlanmadı ve stiller ve seçenekler tam olarak uygulanmadı. Ancak bu bize en azından JetBrains'in Compose for Web için neler hazırladığına dair bir fikir veriyor.

Genel olarak, şu anda Web için Oluşturulacak pek bir şey yok. Hala onun içinde çok erken günler. Ancak gelecek için çok şey ifade edebilir. Kişisel olarak bir Android geliştiricisi olarak tarayıcı tabanlı düzen çerçevelerine girme konusunda sorun yaşadım. Temel HTML ve CSS hantal olabilir ve React ve Flutter sözdizimleri hala HTML tasarımına dayalıdır.

Web tasarım ilkelerini temel almayan, tam özellikli, platformlar arası bir tasarım dili oldukça heyecan verici. Jetpack Compose'un hala kat etmesi gereken uzun bir yol olsa da JetBrains'in planladığı şey, kullanıcı arayüzü tasarımının geleceği için çok şey ifade edebilir.

Web için Compose hakkında daha fazla bilgi edinmek istiyorsanız, JetBrains'in duyurusuna göz atın. Mevcut uygulamayla oynamak istiyorsanız, GitHub deposuna gidin.