Jetpack Compose за уеб е нова UI рамка за уеб разработка

click fraud protection

JetBrains въвежда Jetpack Compose, декларативната рамка за дизайн на Google за Android, в мрежата. Предлага се като предварителен преглед днес.

През последните няколко години имаше доста голям тласък за разработка на междуплатформени програми. Рамки като React и Flutter бяха създадени, за да позволят на разработчиците да споделят една кодова база в Android, iOS, десктоп и дори в мрежата. Дори JetBrains, компанията зад някои от най-популярните IDE и езика за програмиране Kotlin, работи върху разработката на различни платформи. Първо с Kotlin Multiplatform, но наскоро с Jetpack Compose.

Преди известно време JetBrains пренесе Jetpack Compose, декларативната рамка на Google за Android, към работния плот. Това позволи крос-платформена десктоп разработка, базирана на JVM на Java. Използвайки Jetpack Compose, можете да направите приложение за Android, macOS, Windows и дори Linux, всичко от една кодова база. Но освен iOS, в Compose липсва една доста голяма платформа: мрежата.

Това обаче е на път да се промени. JetBrains има

освободен това, което те наричат ​​технологичен преглед на Jetpack Compose за уеб.

Сега Technology Preview е основно фантастично име за pre-alpha. Compose for Web не е почти готов за използване в производството. Няма уроци, много малко документация и API-тата не са почти завършени. С това казано, нека да видим какво предлага Compose for Web досега.

В текущата версия има два начина, по които можете да разработвате в Compose for Web: използване на DOM API или използване на съществуващите модули Compose, като Column или Text.

Ако използвате DOM API, ще имате имена на API, които представляват различните HTML елементи, като напр стр, а, и така нататък. Голямата разлика между Compose и класическия Kotlin JS обаче е, че можете да използвате базиран на състояние декларативен дизайн. Тази опция изглежда като нещо като мост между класическата уеб разработка и цялостната декларативна разработка на потребителския интерфейс. В допълнение към създаването на оформление, Compose for Web също ви позволява да създавате динамични стилови таблици, базирани на състоянието.

Втората опция е това, което ще изглежда по-познато на разработчиците на Android и Compose. Има предварително направени компоненти, като колона, ред и плъзгач, които можете да използвате, за да създадете уеб интерфейс. В момента те не са много завършени и стиловете и опциите не са напълно внедрени. Но поне ни дава представа какво е подготвил JetBrains за Compose for Web.

Като цяло, в момента няма много за Compose for Web. Все още е в него много ранни дни. Но може да означава много за бъдещето. Лично аз, като разработчик на Android, имах проблеми с навлизането в рамки за оформление, базирани на браузър. Основният HTML и CSS могат да бъдат тромави, а синтаксисите на React и Flutter все още се базират на HTML дизайн.

Напълно функционален, междуплатформен дизайнерски език, който не се основава на принципите на уеб дизайна, е доста вълнуващ. Докато Jetpack Compose все още има да извърви дълъг път, това, което JetBrains планира, може да означава много за бъдещето на дизайна на потребителския интерфейс.

Ако искате да научите повече за Compose for Web, вижте съобщението на JetBrains. Ако проявявате интерес да си поиграете с текущата реализация, отидете до хранилището на GitHub.