React Native

1. React Native Monorepo mit Turborepo: mehrere Apps verwalten

   10.03.2025

   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.

   Read more

2. React Native Internationalisierung mit i18next: mehrsprachige Apps

   26.02.2025

   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.

   Read more

3. Eigene Expo-Module mit der Expo Modules API schreiben | Mironsoft

   22.02.2025

   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.

   Read more

4. Performance-Monitoring in React Native: Firebase Performance und New Relic im Praxiseinsatz

   20.02.2025

   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.

   Read more

5. Layout Animations: automatische Übergänge ohne manuelles Timing

   16.02.2025

   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.

   Read more

6. REST API Anbindung mit TanStack Query in React Native

   15.02.2025

   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.

   Read more

7. App Clips und Instant Apps für schnelle Erstnutzung | Mironsoft

   07.02.2025

   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.

   Read more

8. watchOS- und Wear-OS-Companion-Apps anbinden | Mironsoft

   02.02.2025

   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.

   Read more

9. React Native Web: Code-Sharing zwischen Mobile und Web

   01.02.2025

   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.

   Read more

10. Expo Router: dateibasiertes Routing in der Praxis

    23.01.2025

    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.

    Read more