Erstellen Sie die erste App mit React Native

Einführung

React Native ist ein JavaScript-Framework zum Erstellen mobiler Apps, die auf iOS- und Android-Geräten ausgeführt werden. Es verwendet das gleiche Design wie React und ermöglicht es Entwicklern, eine mobile App mit einer vertrauten komponentenbasierten Struktur zu erstellen. React Native verwendet native Komponenten, was bedeutet, dass die App ein nativeres Erscheinungsbild hat und eine bessere Leistung als eine rein webbasierte App bietet. Darüber hinaus ermöglicht React Native die Wiederverwendung von Code zwischen iOS und Android, wodurch die Entwicklung schneller und effizienter wird.

Einrichten der Entwicklungsumgebung

Führen Sie den folgenden Befehl aus, um ein neues React Native-Projekt mit dem Namen „myApp“ zu erstellen:

npx create-expo-app myApp

cd myApp
npx expo start

Stellen Sie eine Verbindung zu demselben drahtlosen Netzwerk wie Ihr PC her und laden Sie die Expo Go-App auf Ihr iOS- oder Android-Gerät herunter. Verwenden Sie die Expo Go-App für Android, um Ihr Projekt zu öffnen, indem Sie den QR-Code von Ihrem Terminal aus scannen. Verwenden Sie den integrierten QR-Code-Scanner Ihrer nativen iOS-Kamera-App.

Ändern Ihrer App

Lassen Sie uns die App ändern, nachdem Sie sie erfolgreich ausgeführt haben. Bearbeiten Sie einige Zeilen in Ihrem gewählten Texteditor, indem Sie App.tsx öffnen. Sobald Sie Ihre Änderungen speichern, sollte die Anwendung automatisch aktualisiert werden.

Und voilà!

Glückwunsch! Sie haben Ihre erste React Native-App erfolgreich ausgeführt und geändert.

Weitere Informationen finden Sie in der React Native-Dokumentation hier .

Führen Sie es im Internet aus.

Bevor Sie Ihre App im Web starten können, müssen Sie Expo Globally zunächst installieren, indem Sie diesen Befehl ausführen.

npm i -g expo-cli

npm run web

Einige andere Abhängigkeiten sollten Sie nur über diese Befehlszeile installieren:

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Abschluss

Zusammenfassend lässt sich sagen, dass React Native ein leistungsstarkes und flexibles Framework zum Erstellen mobiler Apps ist, die sowohl auf iOS als auch auf Android laufen.

Durch die Verwendung derselben Designprinzipien wie bei React können Entwickler schnell und einfach eine mobile App mit einer vertrauten komponentenbasierten Struktur erstellen.

Durch die Möglichkeit, native Komponenten zu verwenden, erhält die App ein nativeres Erscheinungsbild und eine bessere Leistung als eine rein webbasierte App.

Darüber hinaus macht die Wiederverwendung von Code zwischen iOS und Android die Entwicklung schneller und effizienter. Angesichts seiner vielen Vorteile ist es kein Wunder, dass React Native zu einer beliebten Wahl für die Entwicklung mobiler Apps wird.