Jetpack Compose za web novi je UI okvir za web razvoj

click fraud protection

JetBrains donosi Jetpack Compose, Googleov okvir deklarativnog dizajna za Android, na web. Danas je dostupan kao pregled.

U posljednjih nekoliko godina, došlo je do prilično velikog pritiska za razvoj programa na više platformi. Okviri kao što su React i Flutter stvoreni su kako bi programerima omogućili dijeljenje jedne baze koda na Androidu, iOS-u, radnoj površini, pa čak i na webu. Čak je i JetBrains, tvrtka koja stoji iza nekih od najpopularnijih IDE-a i programskog jezika Kotlin, radila na razvoju više platformi. Prvo s Kotlin Multiplatformom, ali nedavno s Jetpack Compose.

Prije nekog vremena, JetBrains je prenio Jetpack Compose, Googleov okvir deklarativnog dizajna za Android, na radnu površinu. To je omogućilo višeplatformski razvoj desktopa temeljen na Javinom JVM-u. Koristeći Jetpack Compose, možete napraviti aplikaciju za Android, macOS, Windows, pa čak i Linux, sve iz jedne baze kodova. Ali osim iOS-a, Composeu nedostaje prilično velika platforma: web.

To će se ipak promijeniti. JetBrains ima pušten na slobodu ono što nazivaju tehnološkim pregledom Jetpack Compose za web.

Sada, Technology Preview je u osnovi fensi naziv za pre-alfu. Compose for Web nije ni blizu spreman za korištenje u proizvodnji. Nema tutorijala, vrlo malo dokumentacije, a API-ji nisu ni blizu dovršeni. Uz to, pogledajmo što Compose for Web dosad nudi.

U trenutnoj verziji postoje dva načina na koje možete razvijati Compose for Web: korištenje DOM API-ja ili korištenje postojećih widgeta Compose, kao što su Column ili Text.

Ako koristite DOM API, imat ćete nazive API-ja koji predstavljaju različite HTML elemente, kao što su str, a, i tako dalje. Međutim, velika razlika između Composea i klasičnog Kotlin JS-a je u tome što možete koristiti deklarativni dizajn temeljen na stanju. Ova se opcija čini kao svojevrsni most između klasičnog web razvoja i punog deklarativnog razvoja korisničkog sučelja. Osim stvaranja izgleda, Compose for Web također vam omogućuje stvaranje dinamičkih listova stilova temeljenih na stanju.

Druga opcija je ono što će izgledati poznatije programerima za Android i Compose. Postoje unaprijed izrađene komponente, kao što su stupac, redak i klizač, koje možete koristiti za izradu web sučelja. Trenutačno oni nisu baš potpuni, a stilovi i opcije nisu u potpunosti implementirani. Ali barem nam daje ideju o tome što JetBrains sprema za Compose for Web.

Sve u svemu, u ovom trenutku nema baš puno toga za Compose for Web. Još uvijek je u svom vrlo Rani dani. Ali moglo bi puno značiti za budućnost. Osobno, kao programer za Android, imao sam problema s ulaskom u okvire izgleda temeljene na pregledniku. Osnovni HTML i CSS mogu biti nespretni, a React i Flutter sintakse i dalje se temelje na HTML dizajnu.

Potpuno opremljen, višeplatformski dizajnerski jezik koji se ne temelji na načelima web dizajna prilično je uzbudljiv. Iako je pred Jetpack Compose još dug put, ono što JetBrains planira moglo bi puno značiti za budućnost dizajna korisničkog sučelja.

Ako želite saznati više o Compose for Web, pogledajte JetBrainsovu objavu. Ako ste zainteresirani za igru ​​s trenutnom implementacijom, prijeđite na GitHub repozitorij.