JetBrains introduit Jetpack Compose, le framework de conception déclarative de Google pour Android, sur le Web. Il est disponible en avant-première aujourd'hui.
Au cours des dernières années, il y a eu une forte poussée en faveur du développement de programmes multiplateformes. Des frameworks tels que React et Flutter ont été créés pour permettre aux développeurs de partager une seule base de code sur Android, iOS, les ordinateurs de bureau et même le Web. Même JetBrains, la société à l'origine de certains des IDE les plus populaires et du langage de programmation Kotlin, a travaillé sur le développement multiplateforme. D’abord avec Kotlin Multiplatform mais plus récemment avec Jetpack Compose.
Il y a quelque temps, JetBrains a porté Jetpack Compose, le framework de conception déclarative de Google pour Android, au bureau. Cela a permis le développement de postes de travail multiplateformes basés sur la JVM de Java. Grâce à Jetpack Compose, vous pouvez créer une application pour Android, macOS, Windows et même Linux, à partir d'une seule base de code. Mais outre iOS, il manque une assez grande plate-forme à Compose: le Web.
Mais cela est sur le point de changer. JetBrains a libéré ce qu'ils appellent un aperçu technologique de Jetpack Compose pour le Web.
Désormais, Technology Preview est fondamentalement un nom sophistiqué pour la pré-alpha. Compose for Web est loin d’être prêt à être utilisé en production. Il n'y a pas de tutoriels, très peu de documentation et les API sont loin d'être complètes. Cela dit, voyons ce que propose Compose for Web jusqu'à présent.
Dans la version actuelle, vous pouvez développer de deux manières dans Compose pour le Web: en utilisant l'API DOM ou en utilisant les widgets Compose existants, tels que Colonne ou Texte.
Si vous utilisez l'API DOM, vous aurez des noms d'API qui représentent les différents éléments HTML, tels que p, un, et ainsi de suite. La grande différence entre Compose et Kotlin JS classique est que vous pouvez utiliser une conception déclarative basée sur l'état. Cette option semble être un pont entre le développement Web classique et le développement déclaratif complet de l’interface utilisateur. En plus de créer une mise en page, Compose for Web vous permet également de créer des feuilles de style dynamiques basées sur l'état.
La deuxième option est celle qui semblera plus familière aux développeurs Android et Compose. Il existe des composants prédéfinis, tels que Column, Row et Slider, que vous pouvez utiliser pour créer une interface utilisateur Web. À l’heure actuelle, ceux-ci ne sont pas très complets et les styles et options ne sont pas entièrement implémentés. Mais cela nous donne au moins une idée de ce que JetBrains réserve à Compose for Web.
Dans l’ensemble, pour le moment, il n’y a pas vraiment grand-chose à composer pour le Web. Il est toujours dans son très Premiers jours. Mais cela pourrait signifier beaucoup pour l’avenir. Personnellement, en tant que développeur Android, j'ai eu du mal à accéder aux cadres de mise en page basés sur un navigateur. Le HTML et le CSS de base peuvent être maladroits, et les syntaxes React et Flutter sont toujours basées sur la conception HTML.
Un langage de conception multiplateforme complet qui n'est pas basé sur les principes de conception Web est plutôt excitant. Même si Jetpack Compose a encore un long chemin à parcourir, ce que JetBrains a prévu pourrait signifier beaucoup pour l'avenir de la conception d'interface utilisateur.
Si vous souhaitez en savoir plus sur Compose pour le Web, consultez l'annonce de JetBrains. Si vous souhaitez jouer avec l'implémentation actuelle, rendez-vous sur le dépôt GitHub.