React Native Schulung
Schulungsziel
Nach diesem Seminar verfügen die Teilnehmer über die Informationen, eine Anwendung unter Verwendung von React Native für die Plattformen iOS und Android zu erstellen, einen Überblick über die Architektur einer komponentenorientierten App incl. der Anbindung externer REST-basierender Dienste z.B. einer Datenbank.
Zielgruppe
Dieses Seminar richtet sich an Applikationsentwickler die eine native App basierend auf HTML5 und JavaScript bzw. TypeScript Kentnissen mit React Native entwickeln möchten. Für diesen Kurs sollten alle Teilnehmer neben HTML5, CSS3 Grundkenntnissen auch JavaScript, TypeScript bzw. Flow Kenntnisse mitbrigen, optional können diese auch als zusätzliche Module in den Kurs eingefügt werden.
Entwicklungsumgebung
- Voraussetzung: Internetzugang
- Windows 8, 8.1 oder 10 mit Visual Studio Code
- Mac OS X mit Visual Studio Code
- Linux mit Visual Studio Code
Methodik
Das Seminar besteht aus einem theoretischen Vortrag und Präsentation mittels Folien gemischt mit Beispielen und Demonstrationen durch den Dozenten sowie einem interaktivem Übungsanteil in dem die Teilnehmer das erlernte Wissen in die Praxis umsetzen können. Das Seminar kann auf Wunsch nach vorheriger Absprache individuell auf den Bedarf der Teilnehmer angepaßt werden.
Optionale Kursteile
- HTML5 und CSS3 Grundlagen
- Einführung in die Programmierung mit JavaScript
- Einführung in die Programmierung mit TypeScript
- Einführung in die Programmierung mit Flow
Dieser Kurs wird wahlweise in der Programmiersrache JavaScript / TypeScript oder Flow angeboten.
Beispielagenda
- Einührung
- Überblick über die Werkzeuge (NodeJS, NPM, YARN, JEST, ENZYME …)
- X-Platform entwickeln mit Visual Studio Code auf PC, Mac oder Linux
- erforderliche JavaScript (ES6/ES7), TypeScript oder Flow Grunglagen
- React Grundlagen
- Funktionsweise ReactJS
- JavaScript Spracherweiterung JSX
- createElement vs. createClass
- Verwenden der ES6 und/oder TypeScript Syntax
- Arbeiten mit dem Virtual DOM
- Imperative vs. Declarative
- Komposition und erzeugen von Komponten
- Verwenden des states und der props
- Lifecycle und Hooks
- Container vs. Presentational Components
- Stateless Functional Components
- Private Stateless Functional Components
- Sytnthetic Events
- Flux Pattern
- Architektur und Flux Pattern
- Verwenden von Flux
- React Native
- Erweiterung von React zu React Native
- Funktionsweise
- erste Schritte auf iOS und/oder Android
- Crossplattform API’s
- Gemeimsamme Komponenten
- Plattform spezifische Komponenten (iOS/Android)
- Styling mit CSS und Felxbox (von Komponenten)
- Verwenden von styled components
- Navigation
- Architektur
- Verwenden von Redux mit React Native
- Redux Erweiterungen
- Thunk middleware
- Asynchrone Bibliotheken wie Saga und Redux Promise Middleware
- optinal: Alternativen zu Redux z.B. MobX | Cerebral
- Aufbauwissen ReactJS
- Native Module
- Debugging
- Hot Update
- Internationalisierung
- Unit Testing
- Optional: Dependency Injection für ReactJS
- Optional: Deployment der App bei iTunes und Google Play
- Alternative Plattformen
- Optional: Windows 10 / UWP