Jetpack Compose for Web on uusi käyttöliittymäkehys verkkokehitykseen

click fraud protection

JetBrains tuo Jetpack Composen, Googlen deklaratiivisen suunnittelukehyksen Androidille, verkkoon. Se on saatavana esikatseluna tänään.

Muutaman viime vuoden aikana on ollut melko suuri sysäys eri alustojen ohjelmien kehittämiseen. Kehykset, kuten React ja Flutter, luotiin, jotta kehittäjät voivat jakaa yhden koodikannan Androidin, iOS: n, työpöydän ja jopa verkon välillä. Jopa JetBrains, joidenkin suosituimpien IDE-laitteiden ja Kotlin-ohjelmointikielen takana oleva yritys, on työskennellyt alustojen välisen kehityksen parissa. Ensin Kotlin Multiplatformilla, mutta hiljattain Jetpack Composella.

Jokin aika sitten JetBrains siirsi Jetpack Composen, Googlen deklaratiivisen suunnittelukehyksen Androidille, työpöydälle. Tämä mahdollisti monien alustojen välisen työpöytäkehityksen, joka perustui Javan JVM: ään. Jetpack Composella voit luoda sovelluksen Androidille, macOS: lle, Windowsille ja jopa Linuxille, kaikki yhdestä koodikannasta. Mutta iOS: n lisäksi Composesta puuttuu melko suuri alusta: verkko.

Se on kuitenkin muuttumassa. JetBrainsilla on vapautettu mitä he kutsuvat Jetpack Compose for Web -teknologian esikatseluksi.

Nyt Technology Preview on pohjimmiltaan kuvitteellinen nimi pre-alphalle. Compose for Web ei ole läheskään valmis käytettäväksi tuotannossa. Ei ole opetusohjelmia, hyvin vähän dokumentaatiota, ja API: t eivät ole läheskään valmiita. Katsotaanpa tämän jälkeen, mitä Compose for Web tarjoaa tähän mennessä.

Nykyisessä versiossa voit kehittää Compose for Webissä kahdella tavalla: käyttämällä DOM-sovellusliittymää tai käyttämällä olemassa olevia Compose-widgetejä, kuten sarake tai teksti.

Jos käytät DOM-sovellusliittymää, sinulla on API-nimiä, jotka edustavat eri HTML-elementtejä, kuten s, a, ja niin edelleen. Suuri ero Composen ja klassisen Kotlin JS: n välillä on kuitenkin se, että voit käyttää tilapohjaista deklaratiivista suunnittelua. Tämä vaihtoehto vaikuttaa hieman siltalta klassisen verkkokehityksen ja täydellisen deklaratiivisen käyttöliittymäkehityksen välillä. Asettelun luomisen lisäksi Compose for Web -sovelluksella voit myös luoda dynaamisia, tilapohjaisia ​​tyylisivuja.

Toinen vaihtoehto on se, mikä näyttää tutummalta Android- ja Compose-kehittäjille. On valmiita komponentteja, kuten sarake, rivi ja liukusäädin, joita voit käyttää verkkokäyttöliittymän rakentamiseen. Tällä hetkellä nämä eivät ole kovin täydellisiä, eivätkä tyylit ja vaihtoehdot ole täysin toteutettu. Mutta se ainakin antaa meille käsityksen siitä, mitä JetBrainsilla on varastossa Compose for Webille.

Kaiken kaikkiaan tällä hetkellä Compose for Webissä ei ole juurikaan tekemistä. Se on edelleen sisällään erittäin alkupäiviä. Mutta se voi merkitä paljon tulevaisuuden kannalta. Itselläni Android-kehittäjänä minulla on ollut vaikeuksia päästä selainpohjaisiin asettelukehyksiin. Perus-HTML ja CSS voivat olla kömpelöitä, ja React- ja Flutter-syntaksit perustuvat edelleen HTML-suunnitteluun.

Täysin varusteltu, monialustainen suunnittelukieli, joka ei perustu web-suunnittelun periaatteisiin, on melko jännittävää. Vaikka Jetpack Composella on vielä pitkä matka kuljettavana, JetBrainsin suunnittelema voi merkitä paljon käyttöliittymäsuunnittelun tulevaisuuden kannalta.

Jos haluat oppia lisää Compose for Webistä, katso JetBrainsin ilmoitus. Jos olet kiinnostunut leikkimään nykyisen toteutuksen kanssa, siirry GitHub-tietovarastoon.