React Native

Ein iPad-Bildschirm ist für eine App längst kein garantierter, fester Vollbild-Raum mehr, sondern kann sich durch Split View, Slide Over oder Stage Manager jederzeit auf einen Bruchteil der ursprünglichen Breite verkleinern, ohne dass die App neu gestartet wird. Wer feste Pixelbreiten oder eine fest angenommene Bildschirmorientierung in seine Komponenten einbaut, bekommt spätestens hier sichtbar abgeschnittene Inhalte oder überlappende Elemente zu sehen. Dieser Artikel zeigt, wie React-Native-Apps auf diese Fenstergrößenänderungen reagieren, welche responsiven Layout-Strategien feste Vollbild-Annahmen ersetzen, und wie sich die verschiedenen Multitasking-Zustände praktisch testen lassen.

Eine Bottom-Tab-Navigation mit fünf oder sechs Tabs rendert ohne bewusste Konfiguration mitunter alle enthaltenen Screens bereits beim allerersten App-Start, obwohl die Nutzerin zunächst nur den ersten Tab überhaupt zu Gesicht bekommt. Lazy Loading verschiebt das Rendern eines Tabs auf den Moment, in dem er tatsächlich zum ersten Mal aktiv wird, und kann die wahrgenommene Startzeit einer Tab-App spürbar verkürzen. Der Effekt hat allerdings einen Preis, wenn ein bereits besuchter Tab beim Wechsel seinen internen Zustand verliert. Dieser Artikel zeigt die praktische Konfiguration, den konkreten Trade-off und wie sich der Effekt tatsächlich messen lässt.

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.

React Native Skia bindet Googles Skia-Grafik-Engine, dieselbe, die Chrome, Android und Flutter für 2D-Grafik nutzen, über JSI direkt in React Native ein. Statt Formen über native Views oder SVG-Elemente zu bauen, zeichnet Skia auf eine einzige native Surface, was individuelle Grafiken wie Signature Pads, Custom-Charts oder Bildfilter deutlich performanter macht als klassische View-basierte Ansätze.

AsyncStorage verpackt jeden Lese- und Schreibzugriff in einen asynchronen Bridge-Aufruf, während MMKV, aufgebaut auf C++ und Memory-Mapped Files, synchron über JSI antwortet. Dieser Artikel vergleicht beide bei Geschwindigkeit, API-Design und Verschlüsselung und zeigt eine praktische Strategie, um bestehende AsyncStorage-Daten zu MMKV zu migrieren.

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.

React Native Windows und React Native macOS docken als Microsoft-gepflegte Out-of-Tree-Plattformen über TurboModules und Fabric an React Native Core an. Dieser Artikel zeigt Architektur, Reifegrad und eine ehrliche Entscheidungshilfe, wann sich der zusätzliche Plattform-Support lohnt.

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.