React Native Integration & Best Practices

This guide provides best practices and strategies for integrating React Native into our existing shop platform. It is intended for developers who are building or extending native applications within the Archibald ecosystem.

The primary purpose of this guide is not to define every core API functionality of React Native, but rather to offer a how-to approach for best practices in using certain API functionalities, and to provide guidance on integrating concepts such as React Native usage on top of an existing shop platform.

Our platform supports multiple native runtimes, including React Native, Expo, and Capacitor, allowing for flexible development across various mobile environments.

Table of Contents

• Introduction and Prerequisites
• Development Workflow and Configuration
  • CLI Command Reference
  • Expo Application Services
  • Metro Configuration Strategy
• Core Concepts
  • Platform Separation Strategy - Learn how to manage platform-specific code efficiently using file-based separation.
  • Global Polyfills - Understand essential polyfills for compatibility in React Native environments.
  • UI Abstractions (Primitives & Styling) - Discover our approach to consistent UI across platforms with primitive components and react-native-unistyles.
  • Data Abstractions (Storage) - Explore how platform-agnostic data persistence is achieved, including reactive storage patterns.
  • Multi-Runtime Compatibility - See how our architecture supports various native runtimes like React Native, Expo, and Capacitor.
• React Native Bootstrap in Existing Project
  • Project Structure Overview
  • Bootstrap Steps
  • Migration Issues & Solutions
  • Gradual Migration Strategy
• Navigation with Expo Router
• Debugging
• Testing Setup
• Android Emulator Setup