Seite 5 - React Native

Code Signing entscheidet darüber, ob eine React Native App auf einem Testgerät installiert werden kann oder ob sie im App Store und Play Store veröffentlicht werden darf. Wer die Zusammenhänge zwischen Zertifikat, Provisioning Profile, App ID und Team nicht versteht, verliert bei jeder Build-Fehlermeldung wertvolle Zeit. Dieser Leitfaden erklärt das komplette Signing-System für iOS und Android und zeigt, wie EAS Credentials und Fastlane match den manuellen Aufwand ersetzen.

EAS Build kompiliert React Native und Expo Apps in der Cloud zu installierbaren iOS- und Android-Binaries, verwaltet Zertifikate, Provisioning Profiles und Keystores automatisch und macht Builds über eas.json reproduzierbar. Dieser Leitfaden erklärt Build-Profile, Umgebungsvariablen, Config Plugins für native Module und den Weg vom Build bis zur Einreichung mit eas submit.

Eine WebView in eine React-Native-App einzubetten wirkt zunächst wie der einfachste Weg, hybride Inhalte wie eine Checkout-Seite oder ein CMS-Hilfe-Center anzuzeigen. Erst eine durchdachte Bridge zwischen nativer App und Web-Content über injectedJavaScript und postMessage, kombinierte Navigation-Kontrolle und konsequente Absicherung gegen offene Redirects entscheiden aber darüber, ob die Integration sicher und performant bleibt.

Reanimated 3 verlagert Animationen vom JS-Thread auf den UI-Thread und macht React Native Apps damit auch unter Last flüssig. Dieser Artikel erklärt Worklets, useSharedValue, useAnimatedStyle, runOnJS und runOnUI, die Bewegungsfunktionen withTiming, withSpring und withDecay sowie Layout-Animationen und interpolate() anhand konkreter Codebeispiele.

Werbung in eine React-Native-App zu integrieren bedeutet mehr als ein SDK einzubinden. AdMob liefert mit react-native-google-mobile-ads Banner-, Interstitial- und Rewarded-Ad-Formate, doch erst eine durchdachte Ladelogik, sauberes Consent Management und eine passende Mediation-Konfiguration entscheiden darüber, ob Werbeeinnahmen stabil fließen oder das App-Erlebnis und die Store-Freigabe gefährden.

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.

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.

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.

Wer In-App-Käufe in einer React-Native-App direkt über StoreKit und Google Play Billing umsetzt, verdoppelt jede Änderung an Produkten, Preisen und Empfangsprüfung für beide Plattformen. RevenueCat bündelt beide Billing-Systeme hinter einer gemeinsamen API mit Offerings, Entitlements und serverseitiger Quittungsprüfung, sodass sich Paywall, Kaufabwicklung und Abo-Status in einer einzigen React-Native-Codebasis pflegen lassen.