Seite 8 - React Native

Ein React Native Monorepo mit Turborepo bündelt mehrere Apps, geteilte Packages und Build-Caching in einem einzigen Repository. Dieser Artikel zeigt den Aufbau mit pnpm Workspaces, die Turborepo-Pipeline-Konfiguration und die Metro-Anpassungen, die für ein stabiles Monorepo notwendig sind.

Eine App, die nur eine Sprache spricht, verschließt sich einem großen Teil des globalen Marktes. Internationalisierung mit i18next macht React Native Apps mehrsprachig, ohne dass jede Textänderung ein Code-Deployment erfordert, und deckt Pluralisierung, Interpolation und rechts-nach-links-Layouts von Anfang an sauber ab.

Die Expo Modules API ersetzt handgeschriebenes React-Native-Bridging durch eine deklarative Swift- und Kotlin-DSL, mit der eigene native Module ohne manuelles Bridging-Boilerplate entstehen. Dieser Artikel zeigt Architektur, ein vollständiges Praxisbeispiel und die Grenzen beim Testen in Expo Go.

Ein Performance-Problem, das nur bei fünf Prozent der Nutzer auf bestimmten Gerätemodellen auftritt, fällt im lokalen Profiling nie auf, kostet aber messbar App-Store-Bewertungen und Retention. Firebase Performance Monitoring und New Relic Mobile schließen diese Lücke, indem sie Leistungsdaten kontinuierlich aus der echten Produktionsflotte sammeln. Dieser Artikel zeigt, welche Kennzahlen beide Werkzeuge automatisch erfassen, wie sich benutzerdefinierte Traces für kritische Nutzerflows wie Checkout oder Login einrichten lassen, und wie sinnvolle Alerting-Schwellenwerte für eine Produktions-App aussehen.

Reanimated Layout Animations berechnen flüssige Übergänge automatisch, sobald sich Größe, Position oder Sichtbarkeit einer Komponente ändert, ohne dass Entwickler Start- und Endwerte manuell mit useState oder useEffect orchestrieren müssen. Dieser Artikel zeigt entering, exiting und Layout-Transitions am Beispiel einer Liste mit Hinzufügen- und Entfernen-Animation sowie die Performance-Grenzen bei sehr komplexen Listen.

TanStack Query löst in React Native genau die Probleme, an denen plain fetch mit useEffect und useState scheitert: Race Conditions bei schneller Navigation, fehlendes Caching, doppelte Requests und kein automatisches Neuladen beim Zurückkehren aus dem Hintergrund. Mit QueryClient, useQuery, useMutation, NetInfo-Reconnect und einem AsyncStorage-Persister wird die REST-Anbindung robust, gecacht und offlinefähig.

App Clips unter iOS und Instant Apps unter Android liefern kleine, klar abgegrenzte Teile einer App aus, ausgelöst per QR-Code oder Link, ganz ohne vollständige Installation. Dieser Artikel zeigt Architektur, Größenlimits und die praktische Machbarkeit mit React Native.

React Native rendert nicht auf der Apple Watch oder einer Wear-OS-Uhr, Watch-Apps sind immer eigenständige native Targets. Dieser Artikel zeigt die Kommunikationsstrategie über WatchConnectivity und die Wearable Data Layer API sowie die realistischen Grenzen der Code-Wiederverwendung.

react-native-web rendert dieselben View-, Text- und ScrollView-Primitives, die auf iOS und Android verwendet werden, als reguläre DOM-Elemente im Browser. Dieser Artikel zeigt, wie diese Übersetzung tatsächlich funktioniert, wo Styling und Plattform-APIs echte Grenzen setzen und wie viel Code am Ende wirklich geteilt landet, sobald Navigation, native Hardware-Zugriffe und Layout-Details ins Spiel kommen.

Expo Router ersetzt manuell verdrahtete Navigatoren durch das app/-Verzeichnis als einzige Quelle der Wahrheit. Verschachtelte Layouts über _layout.tsx, dynamische Segmente wie [id].tsx, Route Groups mit runden Klammern und automatisch funktionierendes Deep Linking machen React-Native-Navigation vorhersagbar und typsicher.