Einrichten der React-Native-Umgebung und grundlegende Einführung

Umgebungsvorbereitung

1. Umweltkonstruktion
React Native Chinesische Website

2. Entwicklungstools Frontend-Entwicklungssoftware: Visual Studio Code

Mobile Entwicklungssoftware: Xcode, Android Studio

3. Wissensreserve

NodeJS React Es6, Es7

React Native Einführung

Einführung in React Naitve: Ein Framework zur Entwicklung von Android- und iOS-Apps, das von Facebook auf der React.js Conf2015-Konferenz vorgestellt wurde. Die wichtigste Programmiersprache ist JavaScript. Sein Erscheinungsbild und seine Verwendung bieten nicht nur eine native Benutzererfahrung, sondern behalten auch die Entwicklungseffizienz von React bei .

Vor dem Aufkommen von React Native wählten wir für die Entwicklung normalerweise eine dieser drei mobilen Technologien (Native App, HTML5, Hybrid).

• Native App : Die Entwicklung nativer Apps bietet natürlich die beste Leistung und leistungsstärkste Funktionen. Allerdings erfordert die Entwicklung und Wartung plattformübergreifender Versionen viel Personal und Ressourcen (die iterative Überprüfung der iOS-Version nimmt Zeit in Anspruch).
• HTML5 : Es verfügt zwar über die Vorteile des Webs, nämlich flexible Layout-Funktionen, agiles Iterationspotenzial ohne Releases und hervorragende plattformübergreifende Funktionen. Bei einigen Anzeige-Apps mit starkem Layout und schwacher Interaktion, wie etwa bei Nachrichten und Informationen, wurden große Fortschritte erzielt. Aufgrund der Leistungseinschränkungen von WebView auf Mobilgeräten war es jedoch immer schwierig, Erfolge zu erzielen.
• Hybrid App : JS+Native rufen sich hauptsächlich gegenseitig auf und realisieren den Mechanismus „Einmalige Entwicklung, mehrfache Ausführung“ auf Entwicklungsebene, wodurch es wirklich für die plattformübergreifende Entwicklung geeignet ist. Hybrid-Apps kombinieren die Vorteile der guten Benutzererfahrung nativer Apps mit den kostengünstigen Vorteilen der plattformübergreifenden Entwicklung von Web-Apps unter Verwendung von HTML5. Diese Methode hat jedoch viele Probleme: Sie kann nicht auf Offline-Daten zugreifen, nicht auf Geräte zugreifen und kann nicht remote aktualisiert werden.
• React Native : Die zugrunde liegende Engine ist JavaScript Core, ruft jedoch native Komponenten statt HTML5-Komponenten auf. Dadurch kann die Laufzeitumgebung eine Leistung erzielen, die mit der der Navive-App vergleichbar ist. Da der JavaScript-Code mithilfe der leistungsstarken Backend-Webmethode verwaltet werden kann, sind gleichzeitig eine effiziente Entwicklung sowie eine schnelle Bereitstellung und Hotfixes möglich.

Vor- und Nachteile von React Native:

Vorteil

1. Plattformübergreifende Entwicklung: Mit React Native können wir denselben Code der Kerngeschäftslogik verwenden, um native Anwendungen zu erstellen, die im Web, auf Android und iOS laufen.
2. Hot-Update, App kann schnell iteriert werden: Hot-Bereitstellung in Echtzeit;
3. Einmal lernen, überall schreiben: React Native erfordert keinen einzigen nativen Code zur Unterstützung mehrerer Plattformen, es heißt also nicht: einmal schreiben, überall ausführen;

Mangel

1. React Native unterstützt auf iOS nur iOS7 und höher und auf Android nur Android4.1 und höher;
2. Die Entwicklungskosten sind hoch, es ist nicht anfängerfreundlich und nicht debuggingfreundlich;
3. Einige komplexe Schnittstellen und Vorgänge können nicht von RN implementiert werden (Sie können eine native + React Native-Hybridentwicklung in Betracht ziehen).
4. Die Version wird schnell aktualisiert. Es wird empfohlen, eine feste Version zu entwickeln

React Native vs. Flutter vs. Weex

Dies ist das Ende dieses Artikels über die Einrichtung der React-Native-Umgebung und die grundlegende Einführung. Weitere relevante Inhalte zur Einrichtung der React-Native-Umgebung finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!