A Jetpack Compose for Web egy új UI keretrendszer a webfejlesztéshez

A JetBrains a Jetpack Compose-t, a Google deklaratív Android-tervezési keretrendszerét hozza el az internetre. Ma már elérhető előnézetként.

Az elmúlt néhány évben elég nagy lökést kapott a platformok közötti programok fejlesztése. Az olyan keretrendszereket, mint a React és a Flutter, azért hozták létre, hogy lehetővé tegyék a fejlesztők számára, hogy egyetlen kódbázist oszthassanak meg Androidon, iOS-en, asztali számítógépeken és még az interneten is. Még a JetBrains, a legnépszerűbb IDE-k és a Kotlin programozási nyelv mögött álló cég is dolgozik a platformok közötti fejlesztésen. Először a Kotlin Multiplatform, de újabban a Jetpack Compose segítségével.

Nemrég a JetBrains portolta a Jetpack Compose-t, a Google deklaratív tervezési keretrendszerét Androidra. az asztalra. Ez lehetővé tette a Java JVM-en alapuló, platformok közötti asztali fejlesztést. A Jetpack Compose segítségével alkalmazásokat készíthet Androidra, macOS-re, Windowsra és még Linuxra is, mindezt egyetlen kódbázisból. De az iOS mellett egy elég nagy platform hiányzik a Compose-ból: a web.

Ez azonban hamarosan megváltozik. A JetBrains rendelkezik kiadták amit a Jetpack Compose for Web technológiai előnézetének neveznek.

A Technology Preview alapvetően az alfa előtti fantázianév. A Compose for Web közel sem áll készen az éles használatra. Nincsenek oktatóanyagok, nagyon kevés a dokumentáció, és az API-k közel sem teljesek. Ezzel együtt nézzük meg, mit kínál eddig a Compose for Web.

A jelenlegi verzióban kétféleképpen fejleszthet a Compose for Web alkalmazásban: a DOM API használatával vagy a meglévő Compose widgetek használatával, mint például az Oszlop vagy a Szöveg.

Ha a DOM API-t használja, akkor olyan API-nevekkel rendelkezik, amelyek a különböző HTML-elemeket reprezentálják, mint pl p, a, stb. A nagy különbség a Compose és a klasszikus Kotlin JS között azonban az, hogy használhat állapotalapú deklaratív tervezést. Ez az opció egy kis hídnak tűnik a klasszikus webfejlesztés és a teljes deklaratív felhasználói felület fejlesztése között. Az elrendezés létrehozása mellett a Compose for Web lehetővé teszi dinamikus, állapotalapú stíluslapok létrehozását is.

A második lehetőség az, ami ismerősebbnek tűnik az Android és a Compose fejlesztői számára. Vannak előre elkészített összetevők, például az oszlop, a sor és a csúszka, amelyek segítségével webes felhasználói felületet hozhat létre. Jelenleg ezek nem túl teljesek, és a stílusok és lehetőségek nincsenek teljesen megvalósítva. De ez legalább képet ad arról, hogy mit tartogat a JetBrains a Compose for Web számára.

Összességében jelenleg nem nagyon van mit írni Webre. Még mindig benne van nagyon kezdetekben. De ez sokat jelenthet a jövőre nézve. Személy szerint, mint Android fejlesztő, nehezen tudtam belépni a böngészőalapú elrendezési keretrendszerekbe. Az alapvető HTML és CSS nehézkes lehet, és a React és a Flutter szintaxisok továbbra is a HTML-tervezésen alapulnak.

A teljes funkcionalitású, többplatformos tervezési nyelv, amely nem a webdesign elveken alapul, elég izgalmas. Bár a Jetpack Compose-nak még hosszú utat kell megtennie, amit a JetBrains tervezett, az sokat jelenthet a felhasználói felület jövője szempontjából.

Ha többet szeretne megtudni a Compose for Web szolgáltatásról, nézze meg a JetBrains közleményét. Ha szeretne játszani a jelenlegi megvalósítással, menjen a GitHub adattárba.