Weitere Anpassungen als nächste Schritte
Dauer: 20 Minuten bzw. restliche Zeit
- Datenspeicherung
- Navigation mit expo-router
- Links zu nützlichen Tools
- Lernressourcen
Wir geben hier nur mögliche nächste Schritte an. Weitere Infos dazu gibt es im Videokurs oder in der Dokumentation von Expo.
Vorstellung des Frameworks
- Installation und Einrichtung der Entwicklungsumgebung
- Prinzipien des Frameworks (Projektstruktur, Komponenten/Widgets, …)
- App mit einem Screen: UI-Elemente, Layout, Interaktion und State
- Daten lokal speichern
- Navigation zwischen mehreren Screens
Datenspeicherung
Im Videokurs gibt es Inhalte zur Datenspeicherung mit
Eine Alternative zu AsyncStorage ist der Key-Value-Storage
mit Expos SQLite-API
Navigation mit expo-router
Expo Router ermöglicht dateibasierte Navigation in React Native Apps.
Sollten wir Zeit haben, dann könnten wir z.B. eine einfache Bottom-Navigation mit Expo Router umsetzen — ggf. mit Hilfe von KI-Coding-Tools.
Wenn ein neues Expo-Projekt mit npx create-expo-app
und dem Default- oder Navigation-Template
erstellt wird, dann ist bereits eine Navigation mit
expo-router eingerichtet.
Im Videokurs wird die Navigation mit React Navigation umgesetzt. Expo Router ist eine neuere Alternative, die auf React Navigation aufbaut und eine dateibasierte Navigation ermöglicht.
Links zu nützlichen Tools
Komponentensammlungen:
- https://reactnativepaper.com
- https://gluestack.io
- https://reactnativeelements.com
- u.v.a.m.
- siehe auch das React Native Directory
Boilerplate-Templates für Expo bzw. React Native:
- https://createexpostack.com
- https://infinite.red/ignite
- https://github.com/nkzw-tech/expo-app-template
Tools für React Native:
- https://ide.swmansion.com (Extension für VS Code)
UI-Builder für React Native:
- https://draftbit.com (Web-App)
Lernressourcen
Offizieller Guide zum Einstieg: https://reactnative.dev/docs/getting-started
Expo Tutorial mit Einstieg in React Native: https://docs.expo.dev/tutorial/introduction/
Aktuelle Kurse im Web (von 2024 aber immer noch aktuell):
- https://kadikraman.github.io/react-native-v3-course/
- https://kadikraman.github.io/intermediate-react-native-v2-course/
Nach neueren Videos auf Youtube suchen, z.B. bei diesen Channels: