June 2022 Summaries

Mike Hartington, the Director of Developer Relations, explores HarperDB, a distributed SQL/NoSQL database with a built-in HTTP API that can be deployed from edge to cloud. In his tutorial, Hartington demonstrates how to integrate HarperDB into an Ionic React app by performing standard CRUD operations using SQL queries. He provides a step-by-step guide on setting up a HarperDB Cloud Instance, creating a schema and table, and configuring a React app to interact with the database through a provider pattern and custom hooks. Hartington highlights the database's flexibility, allowing developers to utilize SQL for structured data and NoSQL for unstructured data, coupled with a robust security model. He concludes by suggesting that while HarperDB might be excessive for simple projects, it offers significant advantages for applications requiring fast and flexible database solutions.

Anthony Giuliano's tutorial explores building cross-platform components using Stencil and Capacitor, focusing on creating a versatile avatar component that functions across web and mobile platforms. The tutorial emphasizes the limitations of traditional web design systems that overlook mobile compatibility and demonstrates how to overcome this by using Stencil, a web components compiler, and Capacitor, a cross-platform native runtime. By developing an avatar component that allows users to change their avatar images through file selection on the web or via the camera and photo library on mobile devices, Giuliano showcases the potential for creating flexible design systems that maintain consistency and feature parity across different platforms. The tutorial includes detailed steps for integrating Capacitor, utilizing the Capacitor Camera Plugin, and enhancing the component's API with custom events, demonstrating how these technologies facilitate the creation of unified design systems suitable for varied applications.

Ioniconf 2022, the third annual conference for the Ionic community, successfully engaged 4,200 viewers by focusing on the contributions of developers and users of Ionic, Stencil, and Capacitor. Held on May 25, 2022, the event featured 17 speakers from the community who delivered a diverse range of sessions, from beginner introductions to technical deep dives on topics such as app design, AI, Angular, and crisis-driven mobile app development. The conference emphasized community involvement, with members contributing to the theme, topics, and official event swag designs. Looking ahead, the organizers are already planning Ioniconf 2023, which coincides with Ionic's tenth anniversary, and aim to make it the most significant event yet.

The Ionic Visual Studio Code Extension offers several features for enhancing Capacitor projects, including line-by-line debugging capabilities directly within VS Code, which facilitates troubleshooting without needing to switch to other debugging tools. The extension also provides a migration tool that assists developers in transitioning from Cordova to Capacitor by identifying and replacing obsolete plugins and highlighting incompatible ones, with automated solutions for smoother transitions. Additionally, it simplifies the management of native project settings for Android and iOS by allowing easy modifications of bundle IDs, display names, and build numbers. For visual assets, it includes tools like cordova-res for generating correctly sized icons and splash screens, eliminating the need for external resources. The extension further supports running applications on various devices directly through VS Code, making it a versatile tool for developers working on Capacitor or other web-native projects.

The announcement highlights the establishment of the Stencil GitHub Community organization, which aims to serve as a central hub for projects driven by Stencil developers. This initiative marks a shift in focus towards using Stencil primarily as a compiler for web components, rather than for developing full web applications, a responsibility previously carried by Ionic packages. The transition includes moving two existing packages—stencil-app-starter and stencil-router—to the community organization, with @valadas and @david-poindexter volunteering to maintain the former, while the latter is seeking new maintainers. The community is encouraged to contribute to ongoing projects or propose new ones, fostering a collaborative environment that invites all levels of participation. The overarching goal is to empower the community with greater ownership and involvement in Stencil's development, anticipating innovative projects to emerge from this collaborative effort.