Jetpack Compose for Web on uus kasutajaliidese raamistik veebiarenduseks

JetBrains toob veebi Jetpack Compose'i, Google'i Androidi deklaratiivse disainiraamistiku. See on täna saadaval eelvaatena.

Viimastel aastatel on platvormideüleste programmide arendamiseks olnud päris suur tõuge. Sellised raamistikud nagu React ja Flutter loodi selleks, et võimaldada arendajatel jagada ühte koodibaasi Androidis, iOS-is, töölaual ja isegi veebis. Isegi JetBrains, mõnede populaarsemate IDE-de ja Kotlini programmeerimiskeele taga asuv ettevõte, on töötanud platvormidevahelise arenduse kallal. Esmalt Kotlin Multiplatformiga, kuid hiljuti Jetpack Compose'iga.

Mõni aeg tagasi teisaldas JetBrains Jetpack Compose'i, Google'i Androidi deklaratiivse disainiraamistiku, töölauale. See võimaldas Java JVM-il põhinevat platvormidevahelist töölauaarendust. Jetpack Compose'i abil saate luua rakenduse Androidi, macOS-i, Windowsi ja isegi Linuxi jaoks – seda kõike ühest koodibaasist. Kuid peale iOS-i on Compose'ist puudu päris suur platvorm: veeb.

See on aga muutumas. JetBrainsil on vabastatud mida nad nimetavad Jetpack Compose for Web tehnoloogia eelvaateks.

Nüüd on Technology Preview põhimõtteliselt eelalfa väljamõeldud nimi. Compose for Web pole tootmises kasutamiseks peaaegu valmis. Puuduvad õpetused, väga vähe dokumentatsiooni ja API-d pole peaaegu täielikud. Seda arvestades vaatame, mida Compose for Web seni pakub.

Praeguses versioonis saate rakenduses Compose for Web arendada kahel viisil: kasutades DOM API-d või olemasolevaid koostamisvidinaid (nt veerg või tekst).

Kui kasutate DOM API-d, on teil API-nimed, mis esindavad erinevaid HTML-i elemente, nt lk, a, ja nii edasi. Suur erinevus Compose ja klassikalise Kotlin JS vahel seisneb aga selles, et saate kasutada olekupõhist deklaratiivset kujundust. See valik näib olevat sild klassikalise veebiarenduse ja täieliku deklaratiivse kasutajaliidese arendamise vahel. Lisaks küljenduse loomisele võimaldab Compose for Web luua ka dünaamilisi olekupõhiseid stiilitabeleid.

Teine võimalus on see, mis tundub Androidi ja Compose'i arendajatele tuttavam. Veebi kasutajaliidese loomiseks saate kasutada valmiskomponente, nagu veerg, rida ja liugur. Praegu pole need veel väga täielikud ning stiilid ja valikud pole täielikult rakendatud. Kuid see annab meile vähemalt aimu sellest, mida JetBrainsil Compose for Web jaoks varuks on.

Üldiselt ei ole praegu veebi jaoks koostada eriti palju. See on endiselt omas väga alguspäevad. Kuid see võib tuleviku jaoks palju tähendada. Minul isiklikult Androidi arendajana on olnud probleeme brauseripõhistesse paigutusraamistikesse sisenemisega. Lihtne HTML ja CSS võivad olla kohmakad ning Reacti ja Flutteri süntaksid põhinevad endiselt HTML-i disainil.

Täielik platvormideülene disainikeel, mis ei põhine veebidisaini põhimõtetel, on päris põnev. Kuigi Jetpack Compose'il on veel pikk tee käia, võib JetBrainsi kavandatu kasutajaliidese tuleviku jaoks palju tähendada.

Kui soovite rakenduse Compose for Web kohta lisateavet, vaadake JetBrainsi teadaannet. Kui olete huvitatud praeguse rakendusega mängimisest, minge GitHubi hoidlasse.