„Jetpack Compose for Web“ yra nauja žiniatinklio kūrimo vartotojo sąsajos sistema

„JetBrains“ į žiniatinklį pristato „Jetpack Compose“, „Google“ deklaratyvią „Android“ dizaino sistemą. Šiandien ji pasiekiama kaip peržiūra.

Per pastaruosius kelerius metus buvo gana didelis postūmis kuriant kelių platformų programas. Buvo sukurti tokie rėmai kaip „React“ ir „Flutter“, kad kūrėjai galėtų bendrinti vieną kodų bazę „Android“, „iOS“, darbalaukyje ir net žiniatinklyje. Net „JetBrains“, kompanija, kurianti kai kurias populiariausias IDE ir „Kotlin“ programavimo kalbą, dirbo kurdama įvairias platformas. Iš pradžių su Kotlin Multiplatform, bet neseniai su Jetpack Compose.

Prieš kurį laiką „JetBrains“ perkėlė „Jetpack Compose“, „Google“ deklaratyvų dizaino sistemą, skirtą „Android“, į darbalaukį. Tai leido kurti įvairių platformų darbalaukius, pagrįstus „Java“ JVM. Naudodami „Jetpack Compose“ galite sukurti programą, skirtą „Android“, „MacOS“, „Windows“ ir net „Linux“, iš vienos kodų bazės. Tačiau, be „iOS“, „Compose“ trūksta gana didelės platformos: žiniatinklio.

Vis dėlto tai pasikeis. „JetBrains“ turi paleistas ką jie vadina „Jetpack Compose for Web“ technologijos peržiūra.

Dabar „Technology Preview“ iš esmės yra išgalvotas išankstinės alfa versijos pavadinimas. „Compose for Web“ nėra beveik paruošta naudoti gamyboje. Nėra mokymo programų, labai mažai dokumentų, o API nėra beveik baigtos. Tai pasakę, pažiūrėkime, ką iki šiol siūlo Compose for Web.

Dabartinėje versijoje yra du būdai, kuriuos galite kurti naudodami „Compose for Web“: naudodami DOM API arba esamus Compose valdiklius, tokius kaip stulpelis arba tekstas.

Jei naudojate DOM API, turėsite API pavadinimus, kurie atspindi skirtingus HTML elementus, pvz., p, a, ir taip toliau. Tačiau didelis skirtumas tarp Compose ir klasikinio Kotlin JS yra tas, kad galite naudoti būseną pagrįstą deklaratyvų dizainą. Ši parinktis atrodo tarsi tiltas tarp klasikinio žiniatinklio kūrimo ir visiško deklaratyvaus vartotojo sąsajos kūrimo. Be maketo kūrimo, „Compose for Web“ taip pat leidžia kurti dinamiškus, būsena pagrįstus stiliaus lapus.

Antrasis variantas – tai, kas atrodys labiau pažįstama „Android“ ir „Compose“ kūrėjams. Yra iš anksto paruoštų komponentų, pvz., stulpelis, eilutė ir slankiklis, kuriuos galite naudoti kurdami žiniatinklio vartotojo sąsają. Šiuo metu jie nėra labai išsamūs, o stiliai ir parinktys nėra visiškai įgyvendintos. Bet tai bent jau suteikia mums idėją apie tai, ką „JetBrains“ siūlo „Compose for Web“.

Apskritai šiuo metu nėra daug ką kurti žiniatinkliui. Jis vis dar yra joje labai ankstyvos dienos. Tačiau tai gali daug reikšti ateičiai. Asmeniškai man, kaip „Android“ kūrėjui, buvo sunku patekti į naršyklės išdėstymo sistemas. Pagrindinis HTML ir CSS gali būti sudėtingas, o „React“ ir „Flutter“ sintaksės vis dar yra pagrįstos HTML dizainu.

Visapusiškas, kelių platformų dizaino kalba, kuri nėra pagrįsta interneto dizaino principais, yra gana įdomi. Nors „Jetpack Compose“ dar laukia ilgas kelias, tai, ką suplanavo „JetBrains“, gali daug reikšti vartotojo sąsajos dizaino ateičiai.

Jei norite sužinoti daugiau apie Compose for Web, peržiūrėkite „JetBrains“ pranešimą. Jei jus domina dabartinis diegimas, eikite į „GitHub“ saugyklą.