Seite 2 - React Native

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.

Codegen verwandelt eine TypeScript-Spec-Datei in die einzige Quelle der Wahrheit für ein TurboModule und erzeugt daraus zur Buildzeit passenden Interface-Code für iOS und Android. Dieser Artikel zeigt, was Codegen dabei tatsächlich tut, wie eine neue TurboModule-Spec in der Praxis entsteht und welche Fehlerklasse gegenüber manuell geschriebenen Bridging-Deklarationen komplett verschwindet.

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.

Eine App auf dem Fernseher kennt keine Berührung, keine Wischgeste und keinen Tap, sondern ausschließlich eine Fernbedienung mit Richtungstasten und einer Bestätigungstaste, die einen sichtbaren Fokus-Ring von einem Element zum nächsten bewegt. Wer eine bestehende React-Native-App unverändert auf Android TV oder tvOS portiert, stößt schnell auf Buttons, die sich nicht anwählen lassen, und Listen, deren Fokus beim Scrollen verloren geht. Dieser Artikel zeigt, wie Fokus-Management als zentrales Konzept funktioniert, wie bestehende Touch-Komponenten dafür angepasst werden, und wo sich Android TV und tvOS in ihrer Zielplattform grundlegend unterscheiden.

Jest Testing in React Native umfasst Unit-Tests für reine Logik und Hooks sowie Komponententests mit React Native Testing Library, die das tatsächliche Nutzerverhalten prüfen statt nur Implementierungsdetails abzugleichen. Richtig aufgesetzt, mit sauberem Mocking, disziplinierten Snapshots und Coverage-Schwellenwerten in der CI-Pipeline, fängt diese Testschicht die meisten Regressionen ab, bevor sie überhaupt einen Simulator erreichen.

Live Activities zeigen mit ActivityKit fortlaufende Statusinformationen wie einen Lieferstatus direkt auf dem Sperrbildschirm und in der Dynamic Island. Dieser Artikel zeigt Architektur, React-Native-Anbindung und die harten Grenzen der Update-Frequenz.

Die Neue Architektur ersetzt die alte asynchrone Bridge mit JSON-Serialisierung durch JSI, ein direktes C++-Interface zwischen JavaScript und nativem Code. Fabric übernimmt als neuer Renderer die synchrone Layout-Berechnung, TurboModules laden native Module verzögert statt beim App-Start und Codegen erzeugt aus TypeScript-Spec-Dateien typsichere Schnittstellen für beide Plattformen.