Wie erstelle ich ein neues React-Native Projekt?

Neues React-Native Projekt erstellen

1. Schritt - Projekt ziehen.

• Das Initialisieren eines Projekts beinhaltet viel Boilerplate Code. Deswegen gibt es ein Appdafuer Starter Projekt. Clone also das React Native Starter Projekt von GitLab Show archive.org snapshot .

2. Schritt - Updaten der Dependencies

• Das Startprojekt sollte eigentlich aktuell sein, aber dies sollte nochmals vor Projektbeginn überprüft werden. Ist die React-Native Version die aktuelle? Gibt es eine neue Version von React-Navigation? Wenn Dependencies geupdated werden müssen, muss eventuell der Code refactored werden. Bei React-Native gibt es im Changelog Show archive.org snapshot häufig eine Upgrade Anleitung.

3. Schritt - Dependencies installieren

• Um die Dependencies zu installieren, muss im Ordner npm install ausgeführt werden.
• Falls React-Native geupdated wurde, sollte sowohl der iOS als auch der Android Ordner neu erstellt werden. Das geschieht mit dem Befehl react-native upgrade

4. Schritt - Umbenennen des Projekts

• Änderung des Namens in der package.json (Befehl npm install ausführen für Übernahme in die package-json.log).
• Änderung des Namens in der index.js (erster Parameter der Funktion registerComponent).
• Änderung des Namens in der app.json (sowohl der name, als auch der displayName sollten geändert werden).
• Für die Übernahme des Namens für ios und android müssen die Ordner android und ios gelöscht und der Befehl react-native upgrade ausgeführt werden.

5. Schritt - Projektbezogene Änderungen

• Nun können noch projektspezifische Änderungen vorgenommen werden (z.B. TypeScript anstatt flow etc.)