React Native Entwicklung: eine Codebasis für iOS und Android

Was React Native ist

React Native ist ein Open-Source-Framework von Meta, mit dem sich Apps für iOS und Android in JavaScript oder TypeScript entwickeln lassen. Anders als bei einer Web-App im Browser erzeugt React Native echte native Bedienelemente. Die App fühlt sich auf dem iPhone wie eine iPhone-App an und auf Android wie eine Android-App. Eine ausführlichere Erklärung finden Sie in unserem Glossar unter React Native.

Für Sie als Auftraggeber zählt vor allem eines: Cross-Platform-App-Entwicklung mit React Native bedeutet ein Team, eine Codebasis und ein Budget statt zwei. Das wirkt sich auf die Entwicklung aus und noch stärker auf die Jahre danach, in denen jede Änderung nur einmal umgesetzt werden muss.

Wann React Native die richtige Wahl ist

• Sie brauchen eine App für iOS und Android und möchten nicht zwei Projekte finanzieren.
• Die App lebt von Formularen, Listen, Karten, Chat, Zahlungen, Kamera oder Push-Benachrichtigungen.
• Es gibt oder soll eine Web-App geben, mit der Logik und Datenmodell geteilt werden können.
• Sie möchten schnell mit einer ersten Version in den Markt und danach zügig nachbessern. Mehr dazu auf der Seite MVP-Entwicklung.

Wann nicht

React Native ist nicht für jedes Projekt die beste Lösung. Reine iOS-App-Entwicklung in Swift oder Android-App-Entwicklung in Kotlin lohnt sich, wenn die App sehr hardwarenah arbeitet: aufwendige 3D-Grafik, Echtzeit-Audio, Augmented Reality im Kern des Produkts oder spezielle Sensoren mit engen Zeitvorgaben. Auch wenn die App ausschliesslich eine Plattform bedienen soll und bereits ein natives Team existiert, ist der Wechsel selten sinnvoll. In solchen Fällen sagen wir Ihnen das im Erstgespräch.

React Native vs. Flutter vs. PWA

• React Native nutzt TypeScript und native Bedienelemente. Stärke: gleiche Sprache wie Web und Backend, grosses Ökosystem.
• Flutter nutzt die Sprache Dart und zeichnet die Oberfläche selbst. Stärke: sehr einheitliches Aussehen auf allen Plattformen. Nachteil für viele Unternehmen: eine zusätzliche Sprache neben dem Web-Stack.
• Progressive Web App läuft im Browser und lässt sich auf den Homescreen legen. Stärke: kein Store, geringste Kosten. Grenzen bei Push auf älteren iOS-Versionen, Hintergrundprozessen und Hardwarezugriff.

Die Frage «Flutter vs. React Native» entscheidet sich selten an der Technik, sondern am bestehenden Team und Stack. Einen ausführlichen Vergleich finden Sie im Artikel Native vs. React Native vs. PWA.

Unser Setup

Als React-Native-Agentur setzen wir auf einen Stack, der sich in unseren Projekten bewährt hat:

• Expo als Grundlage für Entwicklung, Konfiguration und Zugriff auf Gerätefunktionen.
• TypeScript durchgehend, von der App bis zum Backend.
• EAS Builds für reproduzierbare Builds und die Verteilung an Testerinnen und Tester.
• Over-the-Air-Updates für schnelle Korrekturen, ohne jedes Mal ein Store-Review abzuwarten, im Rahmen der Richtlinien von Apple und Google.
• Native Module in Swift und Kotlin, wenn eine Funktion es verlangt.

Web-App und Backend entstehen mit demselben Team. Wenn Sie neben der App eine Web-Anwendung brauchen, lesen Sie mehr unter Webentwicklung.

Migration bestehender Apps

Viele Unternehmen betreiben heute zwei getrennte native Apps, die auseinanderlaufen. Eine Migration auf React Native muss nicht als Big Bang passieren. Wir analysieren die bestehende App, übernehmen zuerst die Bereiche mit dem grössten Änderungsbedarf und lösen den Rest schrittweise ab. Die App bleibt dabei im Store, und Ihre Nutzer merken vor allem, dass Neuerungen schneller kommen.

Einen Überblick über unser gesamtes Angebot finden Sie auf der Seite App-Entwicklung. Ob React Native für Ihr Vorhaben passt, klären wir gerne im kostenlosen Erstgespräch.