React Native in GrabPay
Article Summary
Grab built their entire GrabPay merchant app in React Native, then used those learnings to rebuild core payment features in their main passenger app. The result? Half the maintenance resources with identical performance.
The GrabPay team at Grab's Bangalore R&D center shares how they adopted React Native for payment features across multiple apps. They detail their architecture decisions, bridge creation, and the technical challenges of convincing multiple teams to adopt a new framework.
Key Takeaways
- Single codebase reduced maintenance resources by 50% across iOS and Android
- Built custom Grablet architecture for plug and play modules in any framework
- Moved API calls from axios to native bridges for better performance
- Launched BillPay and Transaction History with 5 language support across regions
- Created reusable component library with 20+ stateless and stateful components
Critical Insight
Grab successfully scaled React Native from a single merchant app to core payment features in their passenger app, achieving code reusability and faster development without compromising native performance.
