React Native für Einsteiger

In diesem Teil der Talkreihe wird die Entwicklungsumgebung für React Native eingerichtet. Wir schauen uns an, wie wir React Native mit Expo entwickeln können. Außerdem wird erklärt, wie wir React Native ohne Expo entwickeln können.

View project on GitHub

↖ React Native - 1. Technologie-Überblick

Dies ist der erste Teil der Talk-Reihe “React Native für Einsteiger”. In diesem Teil der Talk-Reihe wird ein Überblick über die Technologie React Native gegeben. Es wird erklärt, wie React Native funktioniert und welche Vorteile es gegenüber anderen Technologien hat. Außerdem wird erklärt, wie React Native mit Expo funktioniert.

↖ Zur Übersicht

Dauer:      1h
Niveau:     Einsteiger (Keine Vorkenntnisse erforderlich)
Zielgruppe: Entwickler, Architekten, Teamleiter
Sprache:    Deutsch
Author:     André Lademann <vergissberlin@gmail.com>

Inhaltsverzeichnis

📚 Technologie-Überblick

In diesem Teil der Talkreihe wird ein Überblick über die Technologie React Native gegeben. Es wird erklärt, wie React Native funktioniert und welche Vorteile es gegenüber anderen Technologien hat. Außerdem wird erklärt, wie React Native mit Expo funktioniert.

React Native

React Native ist eine Technologie, die es ermöglicht, native Apps für iOS und Android zu entwickeln. Dabei wird die gleiche Codebasis für beide Plattformen verwendet. Die Technologie wurde von Facebook entwickelt und ist Open Source. Die Entwicklung erfolgt in JavaScript und die Apps werden mit Hilfe von JavaScript-Bundles ausgeführt. Die Apps können mit Hilfe von Expo oder auch ohne Expo entwickelt werden.

Vorteile von React Native

React Native bietet einige Vorteile gegenüber anderen Technologien. Zum einen ist es möglich, mit einer Codebasis für iOS und Android zu entwickeln. Zum anderen ist es möglich, die Apps mit Hilfe von Expo zu entwickeln. Dadurch ist es möglich, die Apps ohne viel Aufwand auf einem echten Gerät zu testen. Außerdem ist es möglich, die Apps mit Hilfe von Hot Reloading zu entwickeln. Das heißt, dass Änderungen an der Codebasis direkt in der App sichtbar werden.

Expo

Expo ist eine Sammlung von Tools, die es ermöglicht, React Native Apps zu entwickeln. Es wird eine Entwicklungsumgebung bereitgestellt, die es ermöglicht, die Apps auf einem Emulator oder einem echten Gerät zu testen. Außerdem werden die Apps mit Hilfe von Expo auf einem Server gehostet und können über einen QR-Code auf dem Gerät installiert werden. Die Entwicklungsumgebung von Expo ist Open Source und kann auch ohne Expo verwendet werden.

Vorteile von Expo

Expo bietet einige Vorteile gegenüber dem Entwickeln ohne Expo. Zum einen ist es möglich, die Apps auf einem echten Gerät zu testen. Zum anderen ist es möglich, die Apps mit Hilfe von Expo auf einem Server zu hosten und über einen QR-Code auf dem Gerät zu installieren. Außerdem ist es möglich, die Apps mit Hilfe von Expo zu veröffentlichen. Dadurch ist es möglich, die Apps ohne viel Aufwand in den App Stores zu veröffentlichen.

Nachteile von Expo

Expo bietet auch einige Nachteile gegenüber dem Entwickeln ohne Expo. Nicht alle Erweiterungen sind mit Expo kompatibel, sodass es im Projektverlauf notwendig sein kann, auf Expo zu verzichten. Da dies jederzeit mit expo eject möglich ist, ist es aber kein Problem.

Stores

Google Play Store

Der Google Play Store ist der Store für Android Apps. Um die eigene App hier zu veröffentlichen, sind einige Schritte notwendig. Zunächst muss ein Entwicklerkonto bei Google angelegt werden. Dann muss eine App in der Google Play Console angelegt werden. Die App muss dann mit Hilfe von App Bundles veröffentlicht werden. Die App Bundles werden mit Hilfe von Gradle erstellt. Die App Bundles können dann mit Hilfe von Google Play Console veröffentlicht werden.

Wenn man die App für einen Auftraggeber entwickelt, ist es möglich, dass dieser die App veröffentlicht. In diesem Fall muss der Auftraggeber ein Entwicklerkonto bei Google haben. Dann muss er die App in der Google Play Console anlegen und veröffentlichen. Eine enge Zusammenarbeit mit dem Auftraggeber ist in diesem Fall notwendig.

Apple App Store

Der Apple App Store ist der Store für iOS Apps. Um die eigene App hier zu veröffentlichen, sind auch hier einige Schritte notwendig.

Zunächst muss ein Entwicklerkonto bei Apple angelegt werden. Dies kostet 99$ im Jahr. Dann muss eine App in der Apple Developer Console angelegt werden. Die App muss dann mit Hilfe von App Bundles veröffentlicht werden. Die App Bundles können dann mit Hilfe von Apple Developer Console veröffentlicht werden.

Entwickelt man eine App für einen Auftragnehmer, ist es möglich, dass dieser die App veröffentlicht. In diesem Fall muss der Auftragnehmer ein Entwicklerkonto bei Apple haben. Dann muss er die App in der Apple Developer Console anlegen und veröffentlichen.

Der Auftragnehmer (zum Beispiel Entwickler) benötigen dann eine eigene Apple ID. Mit dieser werden sie dann zum Projekt des Kunden hinzugefügt. Der Entwickler kann dann die App veröffentlichen. Eine enge Zusammenarbeit mit dem Auftraggeber ist in diesem Fall notwendig. Eine enge Zusammenarbeit mit dem Auftragnehmer ist vor allem in der Anfangsphase notwendig.

🛠 2. Technologie Einblick

  • WebView
    • Authentifizierung
    • React Native Paper Component Library
  • Expo
    • Snacks
  • Deployment
    • Command line Tools expo und eas
  • Push Notifications
    • Firebase Cloud Messaging
    • PHP SDK zum Senden von Nachrichten
  • Testing
    • PHPStorm
    • CLI
  • Continuos Integration
  • App Stores
    • Google Play Store
    • Apple App Store
  • Test flite
  • Releases Management
    • Jira
    • App Stores
  • TypeScript (für mich neu)
  • REST API für Nutzerdaten

📚 Quellen