September 2020 Summaries

Vue 3.0.0 has been released, and Ionic is working on completing its Ionic Vue support, with a beta release currently available. Vue, similar to React and Angular, relies on a component-based architecture, where components are built as Single File Components (SFCs) using the .vue extension. These components integrate templates, scripts, and styles into a single file, allowing developers to use JavaScript or TypeScript and enabling modular functionality through the setup function. Styles can be scoped to prevent conflicts, and Vue's flexibility allows optional use of tools like routing, state management, and a CLI. Developers can customize their setups by either using Vue's built-in tools or rolling out their solutions. For those keen to learn more, the new Vue 3 documentation offers thorough insights into component syntax, architecture, and best practices.

Ionic's Appflow has introduced Web Previews, a feature designed to streamline the app development workflow by allowing developers to share pre-production versions of their apps via a simple URL. This enhancement aligns with the web-first development approach, enabling developers to conduct testing and iterations in a browser environment before deploying on mobile platforms. Web Previews simplify the collaboration process by facilitating easy sharing with team members, stakeholders, and customers without the need for complex tools like TestFlight or iOS enterprise certificates. While Web Previews do not support native APIs due to their browser-based nature, developers can employ defensive programming strategies using Capacitor or Ionic Framework’s Platform API to manage platform differences. The feature is available across all Appflow plans and aims to enhance the feedback loop, thereby accelerating the development process for mission-critical applications.

Ionic Framework has announced the new Ionic Vue beta, built with Vue 3, which offers a collection of UI components for creating cross-platform applications that can be deployed on iOS, Android, and as progressive web apps. Unlike its predecessor built on Vue 2, this updated version incorporates insights from Ionic React and now supports Vue Router, enhancing navigation with stack management similar to other Ionic Framework versions. The integration with Vue Router has been modified to suit Ionic's needs, including additional features for handling animations and transitions. While the beta is stable, it is not yet recommended for production use, and feedback is encouraged to improve aspects like router integration and performance. The release includes revamped documentation and invites developers to explore and contribute to the ongoing development of Ionic Vue. The collaboration with Modus Create, particularly with Michael Tintiuc, has been pivotal in refining the framework for Vue applications.

Chris Griffith discusses the challenges and solutions for developers who relied on PhoneGap Build for their Android app signing keys, particularly given that these keys cannot be regenerated if lost. With PhoneGap Build shutting down, Griffith outlines a step-by-step migration process to create new signing keys and transition apps to a new version, including generating a new key, cloning the existing app, and submitting it to the Google Play Store. The process may involve creating a data transfer plan if local data needs to be migrated. Griffith also suggests using Ionic Appflow for cloud-based app development and deployment as a modern alternative to PhoneGap Build, highlighting its capabilities for continuous integration and delivery across mobile platforms. Throughout the post, he provides guidance on safeguarding the new keys and ensuring a smooth migration for app users.