Tophat: Crafting a Delightful Mobile Developer Experience
Article Summary
Shopify doubled developer productivity by turning the most tedious part of mobile development into a one-click experience.
Shopify built Tophat, a macOS menu bar app that eliminates local compilation for code reviews. Instead of stashing changes and waiting for builds, developers can now test any PR on real or virtual devices with a single click by reusing CI artifacts from Google Cloud Storage.
Key Takeaways
- Daily usage doubled after shipping the redesigned experience
- Reuses CI builds from cloud storage, eliminating local compilation entirely
- Solved iOS real device testing with ios-deploy and automated signing
- Quick Launch feature grabs latest native code for React Native development
- Zero-config setup via Dev tool makes it available to all mobile developers
By making manual testing delightful instead of tedious, Shopify cut feedback loops and increased testing frequency across their mobile organization.
About This Article
iOS developers lacked tools comparable to Android's adb. Apps required signing with development certificates, and each device needed manual provisioning through Apple Developer Portal. This created real friction in the development workflow.
Lukas Romsicki's team integrated ios-deploy for remote iOS device installation and added Fastlane's match utility with a YAML-based API. This automatically handles code signing certificates and provisioning profiles in CI environments.
Tophat now lets developers install apps on physical devices over USB or Wi-Fi with a single click. The experience matches what developers get from Xcode or Android Studio, without requiring each person to manage certificates manually.