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)