Building scalable observability for a high-growth React Native app
By introducing custom performance tracking and stabilizing their test infrastructure, we helped the client detect incidents faster, improve release quality, and enable reliable performance insights across their React Native mobile app.
Fragmented observability and limited visibility into real-world performance
The client relied on multiple disconnected tools (Heap, New Relic, Datadog RUM) to monitor their React Native mobile app. Key business flows were hard to track, alerts were noisy or missing, and incident response was delayed due to limited dashboard coverage and inconsistent data. The team also struggled with test reliability, slow feedback loops, and a navigation setup that made changes risky and hard to validate.
Key highlights
Creating a unified monitoring layer and improving delivery confidence
We began with a full audit of the client’s analytics setup, performance instrumentation, test infrastructure, and CI/CD pipeline. From there, we delivered targeted improvements across several areas:
Monitoring and observability
- Built a shared abstraction layer to unify tracking across Heap, New Relic, and Datadog RUM
- Improved Datadog RUM setup with standardized interaction tracking and ESLint rules
- Migrated dashboards and monitors from New Relic to Datadog, adding richer metrics and widgets
- Ran a hands-on observability workshop covering dashboards, RUM, APM, and alerting best practices
Performance instrumentation
- Added custom native markers with
react-native-performanceto measure startup phases and TTI - Created reusable components to instrument key screens and user flows
CI/CD and testing improvements
- Migrated navigation from React Navigation v6 to v7 with test-friendly abstractions
- Improved test speed, coverage, and reliability through caching, nightly runs, and parallelization
- Integrated Reassure for render performance regression tracking
- Cleaned and modularized the automation framework with Slack-integrated reporting
Faster incident response, clearer insights, and shorter CI feedback loop
Our work gave the client accurate visibility into app startup and interaction timing, unified analytics workflows across systems, and reduced regression risk with automated performance checks. The CI pipeline became faster and more predictable, while updated dashboards and monitors enabled quicker, more informed response to production issues.
Fragmented observability and limited visibility into real-world performance
Expertise we brought to this project
That’s how we made this project successful. Learn more about each service and how it can support your team.
React Native Performance Optimization
Improve React Native apps speed and efficiency through targeted performance enhancements.
Monitoring & Observability
Enable production-grade monitoring and observability for React Native apps with real-time insights and alerts.
Release Process Optimization
Ship faster with optimized CI/CD pipelines, automated deployments, and scalable release workflows for React Native apps.
How we’ve solved similar challenges
See more examples of how we solve architecture, performance, and scale challenges with tailored React and React Native solutions.
