Lanzamiento de Ionic Vue
15 de octubre de 2020
Hoy se ha lanzado la primera versión de Ionic Vue, una versión nativa Vue del Framework Ionic que facilita la creación de aplicaciones para iOS, Android y aplicaciones web PWA. Ionic Vue se ha desarrollado utilizando todas las nuevas características de la reciente versión de Vue 3.
Este lanzamiento representa un gran hito en la evolución de Ionic, tras el lanzamiento de Ionic integrado con React de principios de este mismo año, culminando iniciativa "Ionic for Everyone" iniciada en 2019 con el lanzamiento de Ionic 4, cuyo objetivo era poner a disposición de la comunidad de desarrolladores un Framework Ionic independiente del framework web, disponible en Angular, React, Vue o Javascript plano.
Ionic Framework es un conjunto de herramientas de interfaz de usuario de código abierto centrado en la creación de aplicaciones móviles de alta calidad para iOS nativo, Android nativo y la web con PWA. Está construido con HTML, CSS y JavaScript, por lo que los desarrolladores web deben sentirse como en casa utilizando sus componentes. Los componentes Ionic permiten a los desarrolladores crear experiencias nativas, desarrollando con tecnología web. Hoy, más del 15% de la aplicaciones móviles están desarrolladas en Ionic.
La primera versión beta de Ionic Vue fué lanzada a principios de 2019. Esa versión se creó para Vue 2 y carecía de características como el soporte adecuado de v-model. Por aquellas misma fecha también se inició el desarrollo de Ionic React, cuya primera versión definitiva se lanzó a principios del 2020.
La versión Vue 3 todavía no estaba finalizada, por lo que el equipo de Ionic decidió concentrarse en Ionic React, hasta tener la nueva versión Vue 3 disponible para crear Ionic Vue compatible con esta última versión.
Desde el lanzamiento de Ionic 4 en enero de 2019, el objetivo del equipo Ionic era establecer Ionic Framework como "Ionic for Everyone", el marco de desarrollo de aplicaciones para todos los desarrolladores web, rompiendo con su tradicional dependencia con Angular. Para ello tuvieron que reescribir Ionic Framework desde cero, utilizando "Web Components" en lugar de Componentes Angular.
Hoy, Ionic finalmente logra este objetivo, con una versión definitiva que permite escribir aplicaciones en los tres frameworks: Angular, React y Vue. Ahora, cualquier desarrollador web podrá crear aplicaciones multiplataforma de alto rendimiento, utilizando el framework que él prefiera.
TypeScript o Javascript... a elección del desarrollador. Ionic Vue permite eliminar TypeScript y trabajar sólo en Javascript.
Al igual que con las versiones Angular y React de Ionic Framework, se ha decidido utilizar el enrutador oficial que se proporciona con Vue, vue-router. Para manejar las animaciones de Ionic Framework, se ha extendido la API del enrutador a través del componente ion-router-outlet. Este componente sustituye al típico router-view utilizado habitualmente en las aplicaciones Vue.
Este enrutador modificado se utiliza prácticamente igual que el enrutador vue normal, excepto con algunos "import" diferentes. ¡Lazy loading también funciona desde el primer momento!
¿Necesitas una empresa que te desarrolle una app móvil a medida? Contacta con nosotros