NetDevices erklärt Ihnen, wie Sie installieren React Native um mit der Erstellung von mobilen Anwendungen zu beginnen. Denn mit diesem entwickelten Framework lassen sich native mobile Anwendungen für Android und iOS mithilfe von JavaScript & React erstellen.

Folgen Sie dazu im Folgenden den einzelnen Schritten, die von Ihrem Agentur React Native.

Schritt 1: Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes installiert haben Node.js (Version 12 oder höher) mit einem Paketmanager wie npm oder Yarn auf Ihrem System.

Die Überprüfung der Installation von Node.js wird dann durchgeführt, indem Sie ein Terminal (oder eine Eingabeaufforderung unter Windows) öffnen und den Befehl "node -v" ausführen. Wenn Node.js nicht installiert ist, laden Sie es von https://nodejs.org herunter und installieren Sie es auf Ihrem System.

Schritt 2: Installieren des React Native Command Line Tool (CLI)

Die CLI für Command Line InterfaceDie React Native CLI ist ein Werkzeug, das die Erstellung, Entwicklung und Verwaltung von React Native-Projekten erleichtert. Um die CLI von React Native zu installieren, müssen Sie lediglich ein Terminal öffnen und den Befehl "npm install -g react-native-cli" oder "yarn global add react-native-cli" ausführen.

Schritt 3: Erstellen eines neuen React Native-Projekts

Nachdem Sie das CLI installiert haben, verwenden Sie den folgenden Befehl, um ein neues React Native-Projekt mit einem Namen Ihrer Wahl (z. B. "MyApplication") zu erstellen: "react-native init MyApplication".

Dadurch wird ein neuer Ordner mit dem Namen Ihres Projekts erstellt. Dieser enthält dann alle Dateien, die Sie für den Start benötigen.

Schritt 4: Auf die Projektmappe zugreifen

Navigieren Sie dann mit dem Befehl "cd" zu dem Ordner Ihres neuen Projekts: "cd MyApplication".

Schritt 5: Ausführen der Anwendung auf einem Emulator oder einem physischen Gerät

Für Android :

Stellen Sie vorher sicher, dass Sie Android Studio installiert und die Android-SDK-Umgebung mit den erforderlichen Umgebungsvariablen (wie ANDROID_HOME) eingerichtet haben. Weitere Informationen zum Einrichten der Android-Umgebung finden Sie in der offiziellen Dokumentation : https://reactnative.dev/docs/environment-setup
Starten Sie den Android-Emulator (oder schließen Sie ein physisches Android-Gerät an, bei dem der Entwicklermodus aktiviert ist).
Führen Sie den folgenden Befehl im Terminal aus: "react-native run-android".

Für iOS :

Stellen Sie sicher, dass Sie Xcode installiert haben, das im Mac App Store erhältlich ist.
Öffnen Sie die Datei MeineAnwendung.xcworkspace, die sich im ios-Ordner Ihres Projekts befindet, mit Xcode.
Wählen Sie einen iOS-Simulator aus oder schließen Sie ein physisches iOS-Gerät an.
Drücken Sie dann auf die Schaltfläche "Run", um die Anwendung zu starten.

Herzlichen Glückwunsch! Die Installation von React Native ist abgeschlossen. Sie können Ihre erste Anwendung starten und entwerfen. Außerdem sollten Sie Funktionen für Ihre Anwendung entwickeln, indem Sie die JavaScript-Dateien des Projekts bearbeiten.

Möchten Sie mehr über die Entwicklung mit React Native erfahren? Dann schauen Sie sich die offizielle Dokumentation an unter : https://reactnative.dev/docs/getting-started oder die Expertise unserer Agentur NetDevices in Anspruch zu nehmen.