Seminare
Seminare
  • Seminare
  • Anbieter
  • 5 km
  • 10 km
  • 25 km
  • 50 km
  • 100 km
  • 150 km
  • 200 km
  • 300 km

React Native Einführung: Hands-on für Entwickler für iOS und Android

Webinar - GFU Cyrus AG

Am Ende des Seminars können Sie ein React-Native-Projekt mit Expo eigenständig aufsetzen und auf echten Geräten sowie im Emulator testen. Sie bauen Oberflächen aus nativen Komponenten auf und gestalten diese mit Flexbox und StyleSheet. Außerdem verwalten Sie Zustand, Formulare und Benutzereingaben mit Hooks, stellen Listen performant dar und laden Daten aus dem Netz. Sie navigieren mit React Navigation oder Expo Router zwischen mehreren Screens und greifen auf Gerätefunktionen wie Kamera, Standort und Benachrichtigungen zu.
Termin Ort Preis*
03.09.2026- 04.09.2026 online 1.713,60 €
03.09.2026- 04.09.2026 Köln 1.713,60 €
03.12.2026- 04.12.2026 Köln 1.713,60 €
03.12.2026- 04.12.2026 online 1.713,60 €

Alle Termine anzeigen

*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:
  • 1. Ziele und Erwartungen der Teilnehmenden
    • Klärung individueller Lernziele und Erwartungen
    • Überblick über die eigenen Ausgangsprojekte und Zielplattformen

  • 2. React Native im Überblick
    • Was React Native ist: mit JavaScript und React native Apps für iOS und Android bauen
    • Abgrenzung zu nativer Entwicklung mit Swift und Kotlin, Web-App, PWA und Flutter
    • Wie React Native funktioniert: JavaScript trifft native Komponenten, die New Architecture mit Fabric, TurboModules und JSI sowie die Hermes-Engine
    • Das Ökosystem: Expo als empfohlener Rahmen gegenüber der React Native CLI

  • 3. Projekt-Setup und Entwicklungsumgebung
    • Node.js und Expo einrichten, Projekt mit create-expo-app anlegen und die TypeScript-Vorlage verwenden
    • Die App testen: Expo Go auf dem echten Gerät, Android-Emulator und iOS-Simulator
    • Projektstruktur, Fast Refresh und die React Native DevTools

  • 4. Von React zu React Native: die Kernkomponenten
    • Kein HTML und kein DOM: View, Text, Image und ScrollView statt div, span und img
    • JSX für mobile Oberflächen, Props und bedingtes Rendern
    • Interaktion auf dem Touchscreen: Pressable und der onPress-Handler

  • 5. Layout und Styling ohne CSS
    • StyleSheet und Inline-Styles statt CSS-Dateien
    • Flexbox als Standard-Layout, einschließlich des Unterschieds zum Web mit der Standardrichtung column
    • Anpassung an Bildschirmgrößen, SafeAreaView und plattformspezifische Styles
    • Ausblick: NativeWind als Tailwind-Ansatz

  • 6. State, Formulare und Benutzereingaben
    • State und Hooks mit useState und useEffect: Das React-Wissen trägt unverändert weiter
    • Texteingaben mit TextInput, kontrollierte Felder und Tastatur-Handling
    • Validierung und freundliche Nutzerführung

  • 7. Listen und Daten aus dem Netz
    • Große Listen performant darstellen: FlatList und SectionList statt map sowie Ausblick auf FlashList
    • API-Abfragen mit fetch, Lade- und Fehlerzustände über den Effect-Hook
    • Lokale Datenspeicherung mit AsyncStorage

  • 8. Navigation zwischen Screens
    • React Navigation mit Stack, Tabs und Drawer oder Expo Router mit dateibasiertem Routing
    • Parameter zwischen Screens übergeben und Kopfzeilen konfigurieren
    • Ausblick: Deep Links

  • 9. Zugriff auf Gerätefunktionen
    • Plattformunterschiede behandeln mit dem Platform-Modul sowie iOS gegenüber Android
    • Berechtigungen anfragen, Beispiele über Expo-Module: Kamera, Standort und Push-Benachrichtigungen

  • 10. Testen, Bauen und Veröffentlichen
    • Debugging und häufige Stolperfallen
    • Komponenten testen mit Jest und React Native Testing Library
    • Die App bauen mit EAS Build, App-Icon und Splash-Screen sowie der Weg in App Store und Play Store
    • Ausblick: Over-the-Air-Updates mit Expo Updates
    • Ergebnis: Sie haben eine lauffähige App gebaut und kennen den Weg bis zur Veröffentlichung.

Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Das Seminar richtet sich an Web- und Frontend-Entwickler.

Angesprochen sind JavaScript-Entwickler, die mobile Apps erstellen wollen.

Das Seminar eignet sich außerdem für React-Entwickler, die ihr Wissen auf iOS und Android erweitern.

Ebenfalls angesprochen sind Entwicklungsteams, die plattformübergreifende Apps aus einer Codebasis planen.

Teilnahmevoraussetzungen


Sie benötigen JavaScript-Kenntnisse.

React-Grundlagen zu Komponenten, JSX, Props, State und Hooks sind von Vorteil, da React Native darauf aufbaut.

Der Kurs eignet sich ideal als Anschluss an die Schulung React Einführung: Grundlagen für Web-Entwickler S1976.
Seminarkennung:
R102935
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha