React Native - das Grundlagenseminar

Seminarziel

Nach dem Seminar kennen Sie die Konzepte von React Native und können mit React Native moderne Anwendungen für iOs und Android entwickeln und veröffentlichen. Sie beherrschen JSX, die Template-Sprache von React und React Native und können damit Komponenten erstellen. 

Sie können die Komponenten mit Styles versehen und responsive Layouts erstellen. Sie können mit Listen und Formularen arbeiten und wissen, wie Sie Daten zwischen Komponenten austauschen. Sie können mit Redux den Zustand ihrer Anwendung verwalten und mit React Navigation die Navigation zwischen den Bildschirmen ihrer Anwendung realisieren. Sie können auf native Gerätefunktionen zugreifen und wissen, wie Sie ihre Anwendung im Google Play Store oder im App Store von Apple veröffentlichen.

Inhalt

• React Native Grundlagen
  • Überblick - Was ist React?
  • Was sind React Native Komponenten?
  • Visual Studio Code einrichten
  • Das React Native Projekt einrichten
  • Aufbau und Architektur des Projektes verstehen
  • JSX (Javascript XML) als Templatesprache
  • Typescript oder Javascript?
• Mit Komponenten arbeiten
  • Überblick über React Native Basiskomponenten
  • Komponenten-Status und Komponenten-Ereignisse
  • "Hallo Welt" - die Ausgabe einer Artikelliste
  • Listen, ScrollView, FlatList
  • "Touchable"-Komponenten
  • Overlays und Modale Dialoge
  • Datenübergabe zwischen Komponenten
• Responsive Gestaltung der App
  • Komponenten, Layouts, Flexbox, Grids, safeAreaView
  • Inline-Stile und StyleSheet-Objekte
  • Dimensions-API
  • Expo-ScreenOrientation-API
  • Plattform-API
• Navigationskonzepte
  • Das Paket "react-navigation"
  • Navigieren zwischen Ansichten, "StackNavigators"
  • Navigations-Parameter erstellen und verarbeiten
• Zustandsverwaltung mit Redux
  • Einführung in Redux
  • Installation und Konfiguration von Redux und "Store"
  • Store-Daten selektieren
  • Redux-Daten und Navigation
  • Definieren von "Action" und "Reducer"
  • "Dispatching" von "Action"
• Benutzereingaben
  • Konfigurieren der "TextInput"-Komponente
  • Hinzufügen von Validierung
  • Verwenden von "useReducer()"
  • Entwickeln einer Eingabekomponente
  • Anpassung und Optimierung der Eingabe
• Gerätefunktionen
  • Gerätekamera
  • Das Dateisystem
  • Geolocation und Karten
• Daten über `fetch` und `http`
  • HTTP-Zugriff mit der Fetch-API
  • Asynchronizität und Fehlerbehandlung
  • "Pull-to-Refresh", "ActivityIndicator"
• Authentifizierung
  • Authentifizierung in einer App
  • Authentifizierungsbildschirme ertellen (Login, Sign-In, Password-Recovery)
  • Authentifizierungsservice nutzen
• React Native Apps veröffentlichen
  • Die Bereitstellung mit Expo
  • Konfigurieren der App und Veröffentlichung
  • Icons und Startbildschirm
  • Erstellung der Apps für iOS und Android