September 2024 Summaries

Many React Native developers with mature and complex apps often consider migrating to Expo to leverage its advanced capabilities, but the transition can seem daunting. However, adopting Expo doesn't require a complete overhaul but can be approached incrementally, focusing on the Expo features most beneficial to the team. Developers are encouraged to identify their app's primary pain points and prioritize Expo tools that address these, such as using the Expo CLI for streamlined development, SDK packages for enhanced capabilities, and EAS Build and Update for efficient build and deployment workflows. The process can begin with simple steps like installing the Expo package to support Expo Modules, followed by gradual integration of other features. Continuous Native Generation (CNG) and Expo Router offer long-term benefits in maintainability and code organization but may be deferred until other quick wins are realized. Ultimately, Expo's modular approach ensures that developers can enhance their existing React Native apps at their own pace, aligning with their specific needs and priorities.

Yushan Fernando, a Senior Frontend Engineer at Blott Studio, revisits the Expo framework for developing a travel app after having initially opted for the React Native CLI for a fintech project due to Expo's limitations at the time. With the release of Expo SDK 50 and its new features like Prebuild, Expo Router V3, and the Expo Modules API, Fernando reevaluates Expo's capabilities and finds it significantly improved and more stable, particularly in handling advanced requirements such as integrating third-party native packages for both iOS and Android. He highlights the ease of upgrading to SDK 51, the support from Expo's development team, and the framework's enhanced ability to streamline React Native development, allowing developers to concentrate on application features and the user experience. Despite initial reservations, Fernando now encourages developers to reconsider Expo, acknowledging the inevitable challenges but appreciating the substantial support and improvements Expo offers to the developer community.

Expo Go and development builds serve distinct purposes in the development of React Native apps, with Expo Go offering a sandbox environment for quick prototyping and development by providing pre-installed common libraries. It allows developers to run apps on real devices without the need for an Apple Developer account, Xcode, or Android Studio. However, it has limitations, such as only supporting libraries bundled within it and not accurately simulating certain features like notifications or deep linking. As app complexity increases, developers may transition to development builds, which allow for greater customization and control over the native runtime by creating a native app bundle tailored to the app's specific needs. Development builds facilitate the use of native libraries, project configuration changes, and the writing of custom native code while maintaining a good developer experience. Expo Application Services (EAS) can be used to create and install development builds without needing local tools like Xcode or Android Studio. While Expo Go is a suitable entry point for beginners, development builds are recommended for creating production-ready apps, providing a more accurate representation of the app's performance and appearance in a production environment.

In this engaging exploration of the intersection between mathematics and animation, freelance developer Heward Mubariz elucidates the essential role math plays in crafting visually dynamic animations, particularly within React Native applications. By dissecting two primary examples—circular layouts and sine wave path animations—Mubariz illustrates how mathematical principles such as trigonometry and wave functions can be harnessed to create fluid and interactive designs. Circular layouts utilize sine and cosine functions to position elements precisely around a central point, allowing for captivating animations like spinning wheels or interactive menus. Meanwhile, animating along paths, such as sine waves, adds natural motion and visual appeal, using techniques like SVG path generation and the React Native Reanimated library. Through these examples, Mubariz emphasizes that a solid understanding of mathematics is indispensable in developing seamless and engaging animations that elevate the user experience, urging developers to embrace the mathematical underpinnings as a means to unlock creative potential in app design.

In collaboration with the nonprofit Equity in Education Coalition of Washington (EEC), Unify Consulting successfully developed and launched the ConnectWA mobile app, designed to connect marginalized communities in Washington state with essential services such as employment, food, housing assistance, and support for veterans. The app was created using primarily free-tier software within a tight timeline of three months, thanks to the Expo SDK, which facilitated rapid development and deployment. ConnectWA features multi-language support and a private mode for users with elevated privacy needs, and it is designed to be simple and compatible with a wide range of devices, ensuring accessibility for all users. The app's data is managed through an Azure SQL Database and a CMS tool named Strapi, which allows EEC to easily update and manage information. The project, funded by grant money from Washington state, highlights the potential of using modern mobile technologies to address social needs effectively and efficiently.