JetBrains aduce pe web Jetpack Compose, cadrul de design declarativ al Google pentru Android. Este disponibil ca previzualizare astăzi.
În ultimii câțiva ani, a existat un impuls destul de mare pentru dezvoltarea programelor multiplatforme. Framework-uri precum React și Flutter au fost create pentru a permite dezvoltatorilor să partajeze o singură bază de cod pe Android, iOS, desktop și chiar pe web. Chiar și JetBrains, compania din spatele unora dintre cele mai populare IDE-uri și limbajul de programare Kotlin, a lucrat la dezvoltarea multiplatformă. Mai întâi cu Kotlin Multiplatform, dar mai recent cu Jetpack Compose.
Cu ceva timp în urmă, JetBrains a portat Jetpack Compose, cadrul de proiectare declarativ Google pentru Android, pe desktop. Acest lucru a permis dezvoltarea desktop-ului pe mai multe platforme bazată pe JVM-ul Java. Folosind Jetpack Compose, puteți crea o aplicație pentru Android, macOS, Windows și chiar Linux, toate dintr-o bază de cod. Dar, pe lângă iOS, lipsește o platformă destul de mare din Compose: web.
Asta e pe cale să se schimbe, totuși. JetBrains are eliberată ceea ce ei numesc o previzualizare tehnologică a Jetpack Compose pentru web.
Acum, Technology Preview este practic un nume de lux pentru pre-alfa. Compose for Web nu este nici pe departe gata de a fi folosit în producție. Nu există tutoriale, foarte puțină documentație, iar API-urile nu sunt complet complete. Acestea fiind spuse, să vedem ce oferă până acum Compose for Web.
În versiunea actuală, există două moduri în care puteți dezvolta în Compose pentru Web: folosind API-ul DOM sau folosind widget-urile Compose existente, cum ar fi Column sau Text.
Dacă utilizați API-ul DOM, veți avea nume de API care reprezintă diferitele elemente HTML, cum ar fi p, A, și așa mai departe. Totuși, marea diferență dintre Compose și clasicul Kotlin JS este că poți folosi un design declarativ bazat pe stare. Această opțiune pare o punte de legătură între dezvoltarea web clasică și dezvoltarea interfeței de utilizator declarativă completă. Pe lângă crearea unui aspect, Compose for Web vă permite și să creați foi de stil dinamice, bazate pe stare.
A doua opțiune este ceea ce va părea mai familiar dezvoltatorilor Android și Compose. Există componente prefabricate, cum ar fi Column, Row și Slider, pe care le puteți folosi pentru a crea o interfață de utilizare web. În acest moment, acestea nu sunt foarte complete, iar stilurile și opțiunile nu sunt implementate pe deplin. Dar cel puțin ne dă o idee despre ceea ce JetBrains are pregătit pentru Compose for Web.
În general, în acest moment, nu există prea multe de compus pentru web. Este încă în ea foarte primele zile. Dar ar putea însemna mult pentru viitor. Personal, în calitate de dezvoltator Android, am avut probleme în a intra în cadrele de layout bazate pe browser. HTML de bază și CSS pot fi greoaie, iar sintaxele React și Flutter se bazează în continuare pe designul HTML.
Un limbaj de design multi-platformă cu toate funcțiile, care nu se bazează pe principiile de design web este destul de interesant. În timp ce Jetpack Compose are încă un drum lung de parcurs, ceea ce a planificat JetBrains ar putea însemna foarte mult pentru viitorul designului UI.
Dacă doriți să aflați mai multe despre Compose for Web, vezi anunțul JetBrains. Dacă sunteți interesat să vă jucați cu implementarea actuală, mergeți la depozitul GitHub.