The product vision team set a 200-millisecond app launch target for a consumer electronics project. The team wanted to use JavaScript and existing web talent, but ruled out a browser-based interface because the previous product had serious performance and stability problems.
How do you derisk achieving goals in large projects with React Native?
An unnamed Callstack guest explains how a consumer electronics team used React Native to pursue a 200-millisecond app launch goal while managing technical and organizational risks.
React Native let engineers keep working in JavaScript while using a declarative UI approach. By this project, major apps had shipped with React Native, giving the team stronger evidence that the technology could work repeatedly than was available during an earlier project at BlueJeans.
Before designs were ready, the team recreated existing Ember-based WebKit apps in React Native. This let them check that the needed controls worked and look for hidden issues such as memory leaks, while trying to reuse the QA team's UI automation.
The initial group had six to eight engineers, trained in small batches by practitioners from Callstack and This Dot Labs. Training emphasized unit testing, performance pitfalls that cause unnecessary re-renders, and using React DevTools to find them, especially on lower-end hardware.
After about six months, the team added React Navigation to its training and contributed pull requests. The guest connected this ecosystem approach to faster onboarding: new hires could make useful contributions that passed review and stayed in the codebase.
Takeaways
- Treat an ambitious performance target as a product constraint to test early, not just a number to announce.
- Prototype by recreating existing workflows when new designs are not ready.
- Train engineers on common performance mistakes and debugging tools, including under realistic hardware limits.
- Prefer shared ecosystem patterns when they make it easier for new hires and outside contributors to help.
- Use practitioner-led training to answer the technical questions engineers encounter in real work.
Mentioned in this talk
Search inside this talk
What was claimed 6
- metricReact Native: Selected for a project targeting 200-millisecond app launch time
“the 200-millisecond app launch time target”
YouTube Unverified1 source· Talk
- featureReact Native: Let developers program in JavaScript with a tag-based or declarative language underneath
“people could still program in JavaScript”
YouTube Unverified1 source· Talk
- featureReact Native: Had major apps shipping on it, providing a proof point for adoption
“with major apps shipping on it”
YouTube Unverified1 source· Talk
- featureCallstack Team: Had been running React Native open source releases for a couple of years
“running React Native open source releases”
YouTube Unverified1 source· Talk
- uses
“React Navigation is a very convenient choice while integrating React Native into a brownfield app.”
9:08inNavigation in Brownfield AppsYouTube Verified3 sources· Talk
- featureReact Navigation: Supports setting up routes
“how to set up routes”
YouTube Unverified1 source· Talk





