Video summary
React-Native Is Dead... Thanks to AI.
Main summary
Key takeaways
Summary
The video examines Shopify’s decision to move from React Native back to native iOS and Android development. The presenter argues that AI coding agents have reduced the cost of building and maintaining separate Swift and Kotlin apps, weakening React Native’s main advantage: a single codebase for both platforms.
Shopify found that simply asking an AI model to convert a React Native feature into native code could produce unmaintainable results. To address this, it developed Helix, a workflow that breaks migrations into small, reviewable checkpoints. Each checkpoint must pass behavioral tests, visual comparisons with the existing app, two adversarial code reviews, and human approval before work continues. Feedback is retained to help make the process more autonomous over time.
Improving feedback loops
Native development can have a slow feedback loop: agents may make changes quickly, but compiling and testing on simulators can take minutes. Shopify’s approach is to:
- Separate business logic from the UI, so agents can test application behavior without launching a simulator.
- Expose that logic through a CLI, enabling rapid, headless iterations.
- Use the CLI to drive UI interactions when rendering is necessary, rather than relying on slower, potentially flaky accessibility-tree-based automation.
The presenter demonstrates an agent controlling an app through a CLI in real time and contrasts this approach with Apple’s XCUI testing.
Shopify’s transition and its caveats
Shopify has shipped a fully native version of the Shop app, which the presenter says has three million monthly downloads. However, maintaining two native apps still requires resources, and Shopify’s scale may not reflect what every team can manage.
Shopify is also handing several React Native projects—including FlashList, React Native Skia, and Restyle—to third-party maintainers.
The presenter sees this transition as a possible sign of declining appeal for cross-platform frameworks, particularly as native development offers better performance and access to platform-specific features. The video also cites Airbnb’s earlier departure from React Native, which the company attributed to the burden of maintaining iOS, Android, and the bridge.
Guides, reviews, and demonstrations
- Migration workflow: Helix’s staged checkpoints, testing, visual review, code review, and human approval.
- Testing workflow: Decoupling logic from the interface and using a CLI for faster agent feedback.
- Demonstration: An agent controlling an app through a CLI in real time.
- Analysis: The presenter’s case for why AI may make native development more attractive, alongside caveats about the cost of maintaining two apps.
Main speaker and source
- Main speaker: The Better Stack video presenter, sharing personal experience moving from React Native to native development.
- Source discussed: Shopify’s article on making native development its future, including its Helix workflow and migration approach.
Rate this summary
Your feedback will help improve summaries.
Improve this summary
Reprocess with a stronger model when the summary feels incomplete or inaccurate.
Translate summary in another language
Ask questions to this video
Chat for follow-up questions, clarifications, and source-backed answers.