Perspectives on React Native from Three Shopify Developers

Summary

Three Shopify developers—web developer AJ Robidas, Android developer Michelle Fernandez, and iOS developer Ash Furrow—describe how React Native changes mobile development for people from different backgrounds. They say its React-based model lets web developers build for iOS and Android, helps native developers create interfaces faster and reach a wider audience, and supports collaboration across web, Android, and iOS teams. The developers discuss surprises including React Native’s small set of building blocks, fast UI feedback, native bridge modules, existing SDK integration, and apps that can be difficult to distinguish from Swift or Objective-C software. They also identify challenges such as mobile-specific performance concerns across the RN Bridge, the Metro and Node ecosystem, and the large dependency stack. At Shopify, Visual Studio Code, command-line tooling, internal foundations, workshops, and cross-disciplinary teams support adoption.

Context

The post addresses the different opportunities, concerns, and learning challenges React Native presents to web, Android, and iOS developers. It says newcomers may struggle with mobile-specific concerns, unfamiliar tooling, the RN Bridge, the Metro and Node ecosystem, and a large dependency stack, while also noting that learning is supported by colleagues with different backgrounds.

Approach / What changed

The authors present perspectives from a web developer, an Android developer, and an iOS developer, describing their experiences learning and using React Native. They explain its React-based interface model, native bridge modules, SDK integration, and Shopify’s supporting practices, including Visual Studio Code, command-line abstractions for mobile tools, internal workshops, React Native Foundations tooling, CI automation, and cross-disciplinary teams.

Takeaways

• React Native uses a much smaller set of interface building blocks than the web; text is handled by Text, while controls such as buttons, links, tabs, and checkboxes can use Touchable components.
• The RN Bridge creates mobile-specific performance considerations, including cases where web techniques such as CSS animations do not translate efficiently. Native bridge modules and SDK integration remain available when the native layer is needed.
• Shopify supports React Native adoption with Visual Studio Code workflows, command-line abstractions for adb, xcodebuild, and xcrun, fast reload, downloadable pull-request bundles, internal workshops, and a React Native Foundations team.

Related reading