JetBrains lleva Jetpack Compose, el marco de diseño declarativo de Google para Android, a la web. Está disponible como vista previa hoy.
En los últimos años, ha habido un gran impulso para el desarrollo de programas multiplataforma. Se crearon marcos como React y Flutter para permitir a los desarrolladores compartir una única base de código en Android, iOS, escritorio e incluso la web. Incluso JetBrains, la empresa detrás de algunos de los IDE más populares y del lenguaje de programación Kotlin, ha estado trabajando en el desarrollo multiplataforma. Primero con Kotlin Multiplatform pero más recientemente con Jetpack Compose.
Hace un tiempo, JetBrains portó Jetpack Compose, el marco de diseño declarativo de Google para Android. al escritorio. Esto permitió el desarrollo de escritorios multiplataforma basado en la JVM de Java. Con Jetpack Compose, puedes crear una aplicación para Android, macOS, Windows e incluso Linux, todo desde una única base de código. Pero además de iOS, en Compose falta una plataforma bastante importante: la web.
Pero eso está a punto de cambiar. JetBrains tiene liberado lo que llaman una vista previa tecnológica de Jetpack Compose para Web.
Ahora, Technology Preview es básicamente un nombre elegante para pre-alfa. Compose for Web no está ni cerca de estar listo para ser utilizado en producción. No hay tutoriales, muy poca documentación y las API no están ni cerca de estar completas. Dicho esto, veamos qué ofrece Compose for Web hasta ahora.
En la versión actual, hay dos formas de desarrollar en Compose para Web: usando la API DOM o usando los widgets de Compose existentes, como Columna o Texto.
Si usa la API DOM, tendrá nombres de API que representan los diferentes elementos HTML, como pag, a, etcétera. Sin embargo, la gran diferencia entre Compose y el Kotlin JS clásico es que puede utilizar un diseño declarativo basado en estados. Esta opción parece una especie de puente entre el desarrollo web clásico y el desarrollo completo de UI declarativa. Además de crear un diseño, Compose for Web también te permite crear hojas de estilo dinámicas basadas en estados.
La segunda opción es la que resultará más familiar para los desarrolladores de Android y Compose. Hay componentes prediseñados, como columna, fila y control deslizante, que puede utilizar para crear una interfaz de usuario web. En este momento, estos no están muy completos y los estilos y opciones no están completamente implementados. Pero al menos nos da una idea de lo que JetBrains tiene reservado para Compose for Web.
En general, por el momento, no hay mucho que componer para Web. todavía está en su muy Primeros días. Pero podría significar mucho para el futuro. Personalmente, como desarrollador de Android, he tenido problemas para acceder a marcos de diseño basados en navegador. HTML y CSS básicos pueden ser complicados, y las sintaxis de React y Flutter todavía se basan en el diseño HTML.
Un lenguaje de diseño multiplataforma con todas las funciones que no se base en los principios del diseño web es bastante interesante. Si bien Jetpack Compose todavía tiene un largo camino por recorrer, lo que JetBrains ha planeado podría significar mucho para el futuro del diseño de UI.
Si desea obtener más información sobre Compose para Web, consulte el anuncio de JetBrains. Si está interesado en jugar con la implementación actual, dirígete al repositorio de GitHub.