React Native Adoption for Mobile Apps

1 post · May 2019

What this trail covers

Grab has adopted React Native for developing cross-platform mobile application components, starting with the GrabPay Merchant App and extending to modules within the Grab Passenger app (Express, Transaction History, Postpaid BillPay). This initiative aims to achieve code reusability across Android and iOS, minimize maintenance effort, match native performance standards, and optimize engineering resource utilization. Key technical aspects include developing bridging libraries for communication between native and React Native modules, standardizing component libraries, and managing API calls and localization through bridges. The team is also moving towards TypeScript and 100% unit test coverage.

All Grab trails

May 2019React Native in GrabPayThis post details the adoption of React Native for specific modules within the Grab Passenger app (Express, Transaction History, Postpaid BillPay), following the success of the GrabPay Merchant App. It outlines the goals of code reusability, reduced maintenance, matching native performance, and efficient resource utilization. Challenges in convincing teams to adopt React Native and the increased binary size are discussed. The post highlights the use of the Grablet architecture for integrating React Native modules, a framework for encapsulating React Native binaries, and the creation of extensive JS bridges. Specific components, API call optimizations, localization strategies using React Localize Redux and moment, and state management with Redux are detailed. The end product showcases identical UIs and codebases for Android and iOS versions of BillPay and Transaction History. Future plans include migrating to TypeScript, reducing native dependencies, refactoring modules, and achieving 100% unit test coverage.
Advertisement