Jetpack Compose for Web je novo ogrodje uporabniškega vmesnika za spletni razvoj

JetBrains v splet prinaša Jetpack Compose, Googlov okvir deklarativnega oblikovanja za Android. Danes je na voljo kot predogled.

V zadnjih nekaj letih je prišlo do precejšnjega pritiska na razvoj programov na več platformah. Ogrodja, kot sta React in Flutter, so bila ustvarjena, da bi razvijalcem omogočila skupno rabo ene kodne baze v sistemu Android, iOS, namizju in celo spletu. Tudi JetBrains, podjetje, ki stoji za nekaterimi najbolj priljubljenimi IDE-ji in programskim jezikom Kotlin, dela na razvoju med platformami. Najprej s Kotlin Multiplatform, pred kratkim pa z Jetpack Compose.

Pred časom je JetBrains prenesel Jetpack Compose, Googlovo deklarativno oblikovalsko ogrodje za Android, na namizje. To je omogočilo razvoj namizja na več platformah, ki temelji na Java JVM. Z uporabo Jetpack Compose lahko naredite aplikacijo za Android, macOS, Windows in celo Linux, vse iz ene kodne baze. Toda poleg iOS-a Compose manjka precej velika platforma: splet.

Vendar se bo to kmalu spremenilo. JetBrains ima izpuščen kar imenujejo predogled tehnologije Jetpack Compose za splet.

Tehnološki predogled je v bistvu modno ime za pre-alfa. Compose za splet še zdaleč ni pripravljen za uporabo v produkciji. Ni vadnic, zelo malo dokumentacije in API-ji še zdaleč niso dokončani. S tem povedanim, poglejmo, kaj Compose for Web ponuja do zdaj.

V trenutni različici obstajata dva načina, na katera lahko razvijate Compose for Web: z uporabo API-ja DOM ali z uporabo obstoječih pripomočkov Compose, kot sta Stolpec ali Besedilo.

Če uporabljate API DOM, boste imeli imena API-jev, ki predstavljajo različne elemente HTML, kot je npr str, a, in tako naprej. Velika razlika med Compose in klasičnim Kotlinom JS pa je, da lahko uporabite deklarativno zasnovo, ki temelji na stanju. Ta možnost se zdi kot nekakšen most med klasičnim spletnim razvojem in popolnim deklarativnim razvojem uporabniškega vmesnika. Poleg ustvarjanja postavitve vam Compose for Web omogoča tudi ustvarjanje dinamičnih slogovnih listov, ki temeljijo na stanju.

Druga možnost je tisto, kar bo bolj znano razvijalcem za Android in Compose. Obstajajo vnaprej izdelane komponente, kot so stolpec, vrstica in drsnik, ki jih lahko uporabite za izdelavo spletnega uporabniškega vmesnika. Trenutno ti niso povsem popolni, slogi in možnosti pa niso v celoti implementirani. Vendar nam daje vsaj predstavo o tem, kaj JetBrains pripravlja za Compose for Web.

Na splošno trenutno ni prav veliko za Compose for Web. Še vedno je v svojem zelo zgodnji dnevi. Lahko pa veliko pomeni za prihodnost. Osebno sem kot razvijalec za Android imel težave pri vstopanju v okvire postavitve, ki temeljijo na brskalniku. Osnovni HTML in CSS sta lahko okorna, sintaksi React in Flutter pa še vedno temeljita na oblikovanju HTML.

Oblikovalski jezik za več platform s polnimi funkcijami, ki ne temelji na načelih spletnega oblikovanja, je precej vznemirljiv. Čeprav je pred Jetpack Compose še dolga pot, bi to, kar načrtuje JetBrains, lahko veliko pomenilo za prihodnost oblikovanja uporabniškega vmesnika.

Če želite izvedeti več o Compose for Web, preverite obvestilo JetBrains. Če se želite poigrati s trenutno izvedbo, pojdite v repozitorij GitHub.