May 2019 Summaries

Capacitor 1.0 is a new native API container developed by Ionic that allows web apps to run on multiple platforms such as iOS, Android, Electron, and as Progressive Web Apps, offering full access to native functionalities. It simplifies the development process by enabling the use of consistent code across different environments, enhancing the capabilities of web apps beyond typical browser limitations. Unlike its predecessor Cordova, Capacitor embraces modern development practices such as using NPM for dependencies and provides tools for easier plugin development and management. It supports existing Cordova plugins, although some differences in approach exist, such as treating the native project as a source artifact, which allows for easier custom native code integration and project management. Capacitor also prioritizes the developer experience by loading all plugin JavaScript before the page loads, eliminating the need for the deviceready event, and supports first-class Electron and PWA functionality. Despite plans to eventually replace Cordova, Ionic continues supporting it while promoting Capacitor as a way to better align with Ionic's goals of creating versatile apps across all platforms, with many companies already adopting it for various applications.

Stencil One, the beta release of Stencil 1.0, introduces a new compiler architecture aimed at optimizing web components and ensuring future-proof design systems. Originally developed to enhance the performance of the Ionic Framework, Stencil has evolved into a robust, open-source toolchain that generates standard web components by integrating features from popular frontend frameworks. The new release includes advanced features such as machine learning-inspired bundling, which reduces network overhead by efficiently packing components, and advanced runtime removal, which minimizes bundle sizes and enhances app performance. The upgraded runtime promises faster execution and reduced memory usage, and the architecture supports modern browser standards while accommodating older versions like IE11 through differential bundling. Stencil One also introduces a new prerendering architecture, a powerful plugin system, and improved service worker generation, making it a versatile tool for developers building scalable, production-ready design systems. The development team encourages users to test the beta and provide feedback, as they prepare for a full release, marking a significant milestone in Stencil's evolution from an internal tool to a comprehensive product for creating fast and efficient web applications.

The Bet on the Web podcast returns with an episode featuring David Dal Busco, the creator of DeckDeckGo, an open-source Progressive Web App (PWA) presentation builder developed using Ionic 4 and custom web components powered by Stencil. David, who also organizes the Ionic Zurich meetup group, shares his journey of discovering Ionic, Angular, and Firebase while tasked with building a mobile app at work, and how this experience led to the creation of DeckDeckGo after delivering a presentation on web components. The episode delves into the ease of building web components with Stencil and discusses integrating app frameworks like Angular with these components.

Capacitor, an open-source cross-platform app runtime developed by the Ionic team, is on the verge of its version 1.0 release set for early June, offering an easier way to build web apps that run natively on iOS, Android, Electron, and the web. The runtime is designed to adhere closely to web standards while accessing native device features and is backward-compatible with Cordova, facilitating a smooth transition for existing Ionic apps. Recent efforts have focused on refining Capacitor's internals, updating dependencies, enhancing native project templates, and ensuring seamless integration with Ionic Angular, Ionic React, and the PWA Elements library, with significant community contributions aiding these enhancements. The documentation is being refreshed, with updated guides available, including a new guide on using Capacitor in Ionic Framework apps, and a webinar scheduled for May 22nd to discuss the latest updates and demonstrate Capacitor's native APIs. Capacitor is now ready for use in web and Ionic projects, with easy installation via npm.

Ionic 4.4.0, codenamed Beryllium, introduces several community-requested features, including updates to UI components like cards and sliding items, as well as enhanced control over the pull-to-refresh function. The release allows cards to act as buttons with platform-specific styles, such as scaling on iOS and ripple effects on Android. It also includes a new method for programmatically opening sliding items to reveal options, improving user interaction. Additionally, a pullFactor property has been introduced to offer refined control over the speed of pull-to-refresh actions, preventing accidental refreshes. This version includes numerous bug fixes and enhancements, with a full changelog available for review.

Couchbase Lite, a full-featured NoSQL database, can be utilized for building secure offline applications on mobile devices using the Ionic Native Offline Storage plugin. This approach supports an offline-first architecture, providing users with a seamless experience regardless of connectivity. The article guides developers through the process of implementing Create, Read, Update, and Delete (CRUD) operations within an Ionic application, focusing on a tea category management app as an example. By using Ionic Native, developers can abstract data storage logic into a service class, enhancing maintainability and future scalability, such as integrating cloud-based storage. The guide emphasizes architectural best practices by decoupling the data storage mechanism, allowing the app to respond dynamically to database changes and providing a cross-platform solution without concern for specific mobile platforms. Additionally, the article encourages developers to explore the full potential of Ionic Native for enhancing application development and user experience.