JetBrains sta portando sul web Jetpack Compose, il framework di progettazione dichiarativa di Google per Android. È disponibile in anteprima oggi.
Negli ultimi anni c'è stata una forte spinta per lo sviluppo di programmi multipiattaforma. Framework come React e Flutter sono stati creati per consentire agli sviluppatori di condividere un'unica base di codice su Android, iOS, desktop e persino sul Web. Anche JetBrains, la società dietro alcuni degli IDE più popolari e il linguaggio di programmazione Kotlin, ha lavorato allo sviluppo multipiattaforma. Prima con Kotlin Multiplatform ma più recentemente con Jetpack Compose.
Qualche tempo fa, JetBrains ha effettuato il porting di Jetpack Compose, il framework di progettazione dichiarativa di Google per Android, al desktop. Ciò ha consentito lo sviluppo desktop multipiattaforma basato sulla JVM di Java. Utilizzando Jetpack Compose, puoi creare un'app per Android, macOS, Windows e persino Linux, il tutto da un'unica codebase. Ma oltre a iOS, a Compose manca una piattaforma piuttosto importante: il web.
Le cose però stanno per cambiare. JetBrains ha rilasciato quella che chiamano un'anteprima tecnologica di Jetpack Compose per il Web.
Ora, Technology Preview è fondamentalmente un nome di fantasia per la pre-alfa. Compose per il Web non è affatto pronto per essere utilizzato nella produzione. Non ci sono tutorial, pochissima documentazione e le API non sono neanche lontanamente complete. Detto questo, vediamo cosa offre Compose for Web finora.
Nella versione attuale, ci sono due modi per sviluppare in Compose for Web: utilizzando l'API DOM o utilizzando i widget Compose esistenti, come Colonna o Testo.
Se utilizzi l'API DOM, avrai nomi API che rappresentano i diversi elementi HTML, come ad esempio P, UN, e così via. La grande differenza tra Compose e il classico Kotlin JS, tuttavia, è che puoi utilizzare il design dichiarativo basato sullo stato. Questa opzione sembra un po' un ponte tra lo sviluppo web classico e lo sviluppo dell'interfaccia utente dichiarativa completa. Oltre a creare un layout, Compose for Web ti consente anche di creare fogli di stile dinamici basati sullo stato.
La seconda opzione è quella che sembrerà più familiare agli sviluppatori Android e Compose. Esistono componenti predefiniti, come Colonna, Riga e Dispositivo di scorrimento, che puoi utilizzare per creare un'interfaccia utente Web. Al momento, questi non sono molto completi e gli stili e le opzioni non sono completamente implementati. Ma almeno ci dà un'idea di cosa JetBrains ha in serbo per Compose for Web.
Nel complesso, al momento, non c'è molto da scrivere per il Web. È ancora nel suo molto All'inizio. Ma potrebbe significare molto per il futuro. Personalmente, come sviluppatore Android, ho avuto difficoltà ad accedere ai framework di layout basati su browser. HTML e CSS di base possono essere goffi e le sintassi di React e Flutter sono ancora basate sulla progettazione HTML.
Un linguaggio di progettazione multipiattaforma completo e non basato sui principi del web design è piuttosto entusiasmante. Sebbene Jetpack Compose abbia ancora molta strada da fare, ciò che JetBrains ha pianificato potrebbe significare molto per il futuro della progettazione dell'interfaccia utente.
Se vuoi saperne di più su Compose per il Web, controlla l'annuncio di JetBrains. Se sei interessato a sperimentare l'attuale implementazione, vai al repository GitHub.