React Native

Ein sauberer App Store Connect Eintrag entscheidet über Auffindbarkeit, Review-Erfolg und Vertrauen der Nutzer, lange bevor der erste Build hochgeladen wird. Von der Bundle-ID-Registrierung über Screenshots und Privacy-Label bis zur automatisierten Pflege mit eas submit – dieser Guide zeigt den vollständigen Ablauf für React Native und Expo Apps.

Normales HTTPS vertraut dem gesamten Trust Store des Betriebssystems, und genau das wird bei rogue CAs, Corporate-Proxies und Tools wie mitmproxy zum Einfallstor. SSL Pinning verankert Zertifikat oder Public Key fest in der App und macht abgefangenen Traffic für Angreifer wertlos, wenn Certificate Pinning und Public Key Pinning für iOS und Android sauber implementiert, getestet und mit einer Rollover-Strategie versehen sind.

Wer React-Native-Screens ausschließlich mit StyleSheet.create baut, schreibt für jede Komponente ein eigenes Style-Objekt und verliert dabei die Konsistenz eines gemeinsamen Design-Systems. NativeWind überträgt das Utility-First-Prinzip von Tailwind CSS direkt auf React Native und ersetzt verstreute Style-Objekte durch dieselben className-Strings, die Web-Teams bereits aus Tailwind kennen.

Eine React Native App-Launch-Checkliste bündelt Geräte-Tests, Crash-Monitoring, Performance-Profiling und Store-Compliance zu einem nachvollziehbaren Ablauf, damit der Launch kein einmaliger Blindflug wird, sondern ein wiederholbarer Prozess bis zur Store-Freigabe und weit über die ersten Stunden hinaus.

Die Hermes Engine ist die JavaScript-Laufzeitumgebung, die React Native seit Version 0.70 standardmäßig verwendet, um Apps schneller zu starten und mit weniger Speicher auszukommen. Statt JavaScript bei jedem App-Start neu zu parsen, kompiliert Hermes den Code bereits beim Build in Bytecode vor, wovon besonders ältere Android-Geräte mit begrenztem Arbeitsspeicher profitieren.

Custom-URL-Schemes lassen sich von jeder beliebigen App beanspruchen und öffnen damit ein Einfallstor für Hijacking. Universal Links unter iOS und App Links unter Android lösen das über eine kryptografisch verifizierte Domain, verlangen dafür aber eine korrekte Konfiguration auf Server- und App-Seite. Dieser Artikel zeigt Schritt für Schritt, wie React Native Deep Linking sauber eingerichtet, mit React Navigation verbunden und zuverlässig getestet wird.

Die App Store Review Guidelines sind kein Formular, das man einmal abhakt, sondern ein lebendiges Regelwerk, das Apple bei jeder Einreichung neu anwendet. React Native Apps stolpern dabei häufig über dieselben wenigen Ablehnungsgründe: unvollständige Builds, fehlende Datenschutzangaben und der Verdacht, nur ein Web-Wrapper zu sein. Dieser Leitfaden erklärt die relevantesten Guidelines im Detail und zeigt, wie sich typische Ablehnungen von Anfang an vermeiden lassen.

Ein Phone-Layout, das auf dem iPad einfach hochskaliert wird, verschenkt Bildschirmfläche und wirkt auf jedem Foldable kaputt. Mit useWindowDimensions, sauberem Safe-Area-Handling und Master-Detail-Patterns lassen sich responsive Layouts bauen, die auf Phone, Tablet und aufgeklapptem Foldable gleichermaßen funktionieren.

Wer mobile Apps ohne Offline-First-Architektur baut, verliert Nutzer an jedem schwachen Funkloch. WatermelonDB kombiniert einen SQLite-Unterbau, Lazy Loading und reaktive Observables mit einer eingebauten Sync-Engine, sodass React-Native-Apps lokal sofort reagieren und im Hintergrund zuverlässig mit dem Server synchronisieren.

Die App-Größe einer React-Native-App entscheidet über Installationsraten, Store-Warnungen und die Reichweite in Märkten mit langsamen Verbindungen. Android App Bundle mit R8-Shrinking, iOS App Thinning, WebP-Bilder und eine kontinuierliche Größenüberwachung in der CI-Pipeline senken die App-Größe messbar, ohne Funktionalität zu opfern.