React Native Kompaktkurs

Grundlagen und Einführung in React Native

• Was ist React Native und wofür wird es verwendet?

• Entscheidungsgründe für den Einsatz von React Native

• Vorteile und potenzielle Einschränkungen

Architektur und Wiederverwendung von Web-Know-how

• Unterschiede und Gemeinsamkeiten mit Web-Projekten

• Struktur und Syntax von React Native Code

• Nutzung bestehender React-Kenntnisse

• Überblick über React- und Redux-Architektur

• Zentrale Konzepte: Komponenten, Props, State, Store, Middleware

• Funktionskomponenten vs. Klassenkomponenten

• Virtuelles DOM im Vergleich zum nativen UI-Rendering

Start in die Entwicklung

• Einstiegsmöglichkeiten und Projektsetup

• Unterschiede zwischen React Native CLI und Expo

• Erstellung und Starten einer neuen App

• Deployment auf echten Geräten und Emulatoren (Android & iOS)

• Debugging-Methoden: Logging, Breakpoints, DevTools

• Umgang mit Warnungen und Fehlerboxen

Komponenten für einfache Dateneingabe

• Überblick über Standard-Komponenten

• Textkomponenten und ihre Eigenschaften

• Benutzerinteraktion mit TextInput und Eventhandling

• Arbeit mit Bildern: Unterschiede zu HTML, lokale vs. entfernte Bilder, resizeMode

Plattformspezifisches Arbeiten

• Umgang mit plattformabhängigen Anforderungen

• Unterschiede und Herausforderungen bei Android und iOS

• Beispiel: Plattformabhängige Nutzung von DatePicker

• Einsatz des Platform-Moduls zur Differenzierung

Layout-Strukturen und Views

• Zentrale Layout-Komponenten wie View, SafeAreaView, ScrollView

• Erweiterte Features: Zoom, Tastaturvermeidung, modale Dialoge

• Steuerung und Anpassung der Statusleiste

Flexbox-Layout in React Native

• Einführung in das Flexbox-Konzept für Native Apps

• Unterschiede zur Web-Flexbox

• Layout-Eigenschaften: flexDirection, Basisgrößen, Shrink/Grow

• Justify- und Align-Optionen, flexWrap

Styling in React Native

• Unterschiede zu klassischem CSS

• Anwendung und Strukturierung von Styles

• Mehrere Methoden zur Stildefinition

• Style-Vererbung, bedingte Styles und plattformübergreifende Schriftarten

Navigationskonzepte

• Verständnis von Navigation in mobilen Apps

• Verwendung der React Navigation Library

• Überblick über Stack-, Tab- und Drawer-Navigation

• Konfiguration, Weitergabe von Parametern, Icon-Einbindung

Datenabfragen und Netzwerkkommunikation

• Besonderheiten nativer Datenzugriffe

• Nutzung der Fetch-API

• Umgang mit Ladezuständen und Fehlerbehandlung

• Sicherheitsaspekte bei Netzwerkzugriffen

Arbeiten mit Listen

• Einführung in Listentypen: Picker, FlatList, SectionList

• Unterschiede, Einsatzbereiche und Eigenschaften

Benutzerinteraktion mit Buttons und Touchables

• Button-Komponenten und Eventhandling

• Einsatz verschiedener Touchable-Elemente

• Unterschiede und Anwendungsfälle

• Zustandssteuerung (z. B. deaktivierte Buttons)