Kursbeschreibung
Steigen Sie ein in die professionelle App-Entwicklung mit React Native. Mit React Native können Sie mit einer gemeinsamen Code Basis gleichzeitig Apps für Android und iOS erstellen. In der Schulung, wird gemeinsam mit den TeilnehmerInnen, eine “echte” App für iOS und Android entwickelt, getestet und deployed - kein langweiliger Theorie Unterricht!
Die Schulung ist in zwei Module unterteilt, als erstes lernen Sie die Entwicklung von React Anwendungen. Darauf aufbauend lernen Sie zweiten Teil mit React Native moderne und professionelle Apps zu entwickeln.
Nach der Schulung können Sie…
- professionelle Apps mit React Native für Android und iOS entwickeln
- React und JSX verstehen und anwenden
- moderne und ansprechende UIs für beide Plattformen erstellen
- Ihre App im Google PlayStore und AppStore veröffentlichen
Die wichtigsten Themen im Überblick
- Native Apps für iOS und Android entwickeln
- Schritt für Schritt zum React Native Profi
- Von erfahrenen EntwicklerInnen lernen
Zielgruppe
App EntwicklerInnen die mit React Native professionelle Apps für iOS und Android entwickeln wollen.
Voraussetzung für die Schulung
Gute JavaScript (ES6+), HTML5 und CSS Kenntnisse. Erfahrungen in React werden nicht benötigt, sind aber hilfreich.
Kursinhalte
React Native - Überblick und Architektur
- Überblick über die Tool-Chain
- Entwicklungsumgebungen (Visual Studio Code, Android Studio, XCode)
- Expo - iOS Apps ohne macOS
- Package Manager
- create-react-app / create-react-native-app
Einstieg in React
- Grundlagen
- Komponenten
- Properties (props) und Default Werte
- Kommunikation zwischen Komponenten
- Lokaler State (useState)
- React Hooks (useEffect und Co.)
- JSX und Virtual DOM
- Kontrollstrukturen mit JSX (Bedingungen, Schleifen…)
- Binding von Daten
- Event-Handling
- Lifecycle
- React Dev Tools
React Native
- Architektur und Funktionsweise
- Von React zu React Native
- Android / iOS Emulatoren
- Echte Geräte via USB
- Debugging
- Crossplatform Apps
- React Native packager
- Styling von Apps
- Flexbox
- Dynamisch auf Displaygrößen reagieren
- Die wichtigsten React Native Komponenten
- Routing
- Navigation (Tableiste, Stack-Navigator & Co)
- Listen mit Section- und FlatList
- Modals
- ScrollView
- Touchable
Fortführende Themen
- Application State Management mit Redux
- Asynchroner State mit Redux Thunk
- Immutable State mit Immer
- Eigene Middleware
- Plattformspezifische Komponenten für iOS und Android
- Zugriff auf Hardware (z.B. Sensoren, GPS) und Schnittstellen
- Webservices richtig in React Native verwenden
- Lokaler Storage mit AsyncStorage und SQLite
- Internationalisierung
- Tests mit Jest & Co
- Deployment in den AppStore und Google PlayStore