Flutter und React Native zählen zu den besten Optionen für die plattformübergreifende Softwareentwicklung. Viele fragen sich jedoch noch immer, ob Flutter oder React Native die bessere Wahl ist. Nehmen Sie sich doch etwas Zeit und lesen Sie diesen kurzen Artikel (ca. 10 Minuten), um eine fundierte Entscheidung zu treffen.
Erfahren Sie mehr über die plattformübergreifende React Native App-Entwicklung und Flutter App-Entwicklung von HDWEBSOFT.
Was ist Flutter?
Um zu entscheiden, ob Flutter die bessere Wahl ist, müssen wir genauer hinschauen. Flutter ist ein portables UI-Toolkit – ein umfassendes Software Development Kit (SDK) für Anwendungen, das zahlreiche Widgets und Tools enthält.
Eine kurze Geschichte von Flutter:
-
Februar 2018, Mobile World Congress – Erste Beta-Version von Flutter
-
April 2018, Google I/O – Flutter Beta 2
-
Mai 2018, Google I/O – Flutter Beta 3
-
Flutter schafft es in die Top 100 der GitHub-Repositories
-
Juni 2018 – Flutter Preview 1
-
September 2018 – Flutter Preview 2
-
November 2018 – Dart 2.1
-
Dezember 2018, Google I/O – Flutter 1.0
-
Ein entscheidender Meilenstein für die Technologie: Seit Dezember 2018 gilt Flutter als stabil und produktionsreif
-
Februar 2019, Mobile World Congress – Flutter 1.2
-
Mai 2019, Mobile World Congress:
-
Flutter 1.5
-
Flutter für die Web Vorschauversion
-
Dart 2.3-Veröffentlichung
-
Juli 2019, Flutter 1.7-Veröffentlichung
-
September 2019, Flutter 1.9 Veröffentlichung
-
Flutter wird kontinuierlich weiterentwickelt und Google veröffentlicht regelmäßig neue Versionen. Die neueste Version ist 2.2.0 und wurde im Mai 2021 auf der Google I/O angekündigt.
Welche beliebten Apps wurden mit Flutter entwickelt?
-
Xianyu-App von Alibaba
-
Hamilton-App
-
Google Ads-App
-
eBay Motors-App
-
Google Stadia
-
Groupon
-
Baidu Tieba
-
Philips Hue
-
Topline-App von Abbey Road Studios
-
Reflect
Flutter – Vorteile und Nachteile
In diesem Abschnitt gehen wir kurz auf die wichtigsten Vorteile und Nachteile von Flutter ein.
Vorteile von Flutter:
Hot Reload
Hot Reload ist eine der größten Stärken von Flutter und wird von allen führenden Entwicklern mobiler Apps geschätzt. Dadurch ermöglicht Flutter eine dynamischere und schnellere App-Entwicklung. Entwickler können Änderungen am Quellcode direkt vornehmen und diese sofort in der Anwendung sehen. Anders ausgedrückt: Entwickler können Funktionen hinzufügen, Fehler beheben und neue Ideen sofort ausprobieren.
Eine Codebasis, zwei oder mehr mobile Plattformen
Mit Flutter können Entwickler nur eine Codebasis für zwei Anwendungen schreiben – und damit sowohl die iOS- als auch die Android-Plattformen abdecken. Google arbeitet derzeit an Flutter für das Web. Sobald dies abgeschlossen ist, wird eine einzige Flutter-Codebasis Android, iOS und Web-Plattformen unterstützen.
Erfahren Sie mehr und stellen Sie Flutter-Entwickler aus dem Talentpool von HDWEBSOFT ein.
Bis zu 50 % weniger Tests
Da wir dieselben Tests für beide Plattformen erstellen können, reduzieren wir die Anzahl der automatisierten Tests um etwa 50 %. Das entlastet unser QA-Team.
Schnellere Apps
Flutter-Apps laufen flüssig und schnell, da Flutter die [Skia Graphics Library]( verwendet.https://skia.org/Dank dieser Funktion wird die Benutzeroberfläche bei jedem Ansichtswechsel neu gezeichnet. Der Großteil der Arbeit wird von der Grafikeinheit (GPU) erledigt. Dadurch ist die Flutter-Benutzeroberfläche flüssig und erreicht 60 Bilder pro Sekunde (fps).
Designs, die Ihre Nutzer lieben werden
Flutter verwendet nicht ausschließlich systemeigene Komponenten, sondern verfügt über eigene, benutzerdefinierte Widgets, die von der Grafik-Engine des Frameworks verwaltet werden. Flutter-Apps sind benutzerfreundlich – ein entscheidender Vorteil gegenüber React Native. Zudem wurde Flutter entwickelt, um die Erstellung eigener Widgets oder die Anpassung bestehender Widgets zu vereinfachen.
Gleiche App-Benutzeroberfläche, auch auf älteren Geräten
Selbst neue Apps sehen auf älteren iOS- oder Android-Systemen identisch aus. Sie müssen sich also keine Gedanken über die Unterstützung älterer Geräte machen.
Ideal für MVPs
Wenn Sie ein MVP (Minimum Viable Product) als Präsentation für potenzielle Investoren entwickeln müssen, ist Flutter die bessere Wahl, insbesondere bei Zeitdruck.
Nachteile von Flutter:
Größe der Entwickler-Community
Viele werden annehmen, dass Flutter nicht die bessere Wahl ist, da React Native etablierter ist und über eine erfahrenere Entwickler-Community verfügt. Zudem ist Dart, die Programmiersprache, auf der Flutter basiert, nicht so weit verbreitet wie JavaScript. Daher benötigt die Flutter-Community Zeit, um ihre Nutzer zu informieren und mehr Erfahrung zu sammeln.
Positiv betrachtet hatte Flutter vor zwei Jahren eine kleinere und weniger erfahrene Community, und Dart ist im Vergleich zu JavaScript eine Nischensprache. Aktuelle Trends deuten darauf hin, dass Flutter seine Konkurrenten in diesem Bereich übertrifft. Betrachten Sie die folgenden Statistiken:
-
Stack Overflow Tag Trends zeigen ein stark gestiegenes Interesse von Entwicklern an Flutter.
-
Auf Udemy gibt es über 257 Flutter-Kurse (mit etwa 1.410.000 Kursteilnehmern).
-
Es gibt außerdem 75 Dart-Kurse (mit rund 608.000 Teilnehmern (Stand: Mai 2021)).
-
[React Native](https://www.udemy.com/topic/react-native/Die Zahlen sind niedriger – etwa 866.000 Studierende in 133 Kursen.
Flutter hat über 120.000 Sterne auf GitHub, React Native über 95.300.
Neue Bibliotheken & Support
Obwohl Flutter von Google unterstützt wird, ist es noch recht neu. Das bedeutet, dass die benötigten Funktionen nicht immer in bestehenden Bibliotheken zu finden sind. Daher müssen Sie möglicherweise eigene Funktionen entwickeln.
Unterstützung für Continuous Integration erforderlich
Flutter bietet keine Unterstützung für CI-Plattformen wie Travis oder Jenkins. Um automatisches Erstellen, Testen und Bereitstellen zu ermöglichen, müssen Ihre Entwickler eigene Skripte verwenden und pflegen.
Plattformrisiko
Sollte Google das Projekt einstellen, wäre das trotz des Open-Source-Status von Flutter fatal.
App-Größe
Mit Flutter entwickelte Anwendungen sind größer als native Anwendungen. Schau dir den Artikel [Vergleich der APK-Größen]( anhttps://android.jlelse.eu/comparing-apk-sizes-a0eb37bb36fDas Flutter-Team arbeitet jedoch daran, die Größe von mit Flutter erstellten Apps zu reduzieren.
Was ist React Native?
Um zu entscheiden, ob React Native die bessere Wahl ist, müssen wir verstehen, was es ist. **[React Native](https://reactnative.dev/React Native ist ein Open-Source-Framework für mobile Anwendungen, das JavaScript verwendet.
Wofür ist React Native gut?
React Native ist ein effektives Framework für:
- Plattformübergreifende Entwicklung
- Entwicklung mobiler Apps mit JavaScript
- Entwicklung von Anwendungen für Android und iOS mit einer einzigen Codebasis
- Verwendung des gleichen Designs wie React
Kurze Geschichte von React Native:
-
Sommer 2013, Facebook-Hackathon – React Native startete als internes Facebook-Projekt
-
Januar 2015, React.js-Konferenz – Veröffentlichung der ersten Version von React Native
-
März 2015, F8-Konferenz – Offizieller Start von React Native
-
Facebook erklärt React Native für „offen zur Nutzung und auf GitHub verfügbar“
-
Lean Core – Reduzierung der App-Größe durch Auslagerung optionaler Komponenten/Funktionen in separate Repositories (zur bedarfsweisen Hinzufügung zur App)
-
TurboModules – für eine verbesserte Handhabung nativer Module
-
React Native Fabric – Neu gestaltete Benutzeroberfläche
Welche beliebten Apps wurden mit React Native entwickelt?
- Facebook Ads Manager
- Skype
- Tesla
- Bloomberg
- Wix.com
React Native – Vor- und Nachteile
Um zu entscheiden, ob Flutter die bessere Wahl oder React Native ist, betrachten wir die Vorteile und Nachteile von React Native genauer.
Vorteile von React Native:
Schnelles Aktualisieren
Auch Flutter Hot Reload beschleunigt den Entwicklungsprozess, indem Entwickler neue Codezeilen direkt in eine laufende Anwendung einfügen können. Hot Reload erhält zudem den Anwendungsstatus, wodurch das Risiko von Codeverlusten bei einem vollständigen Neuladen vermieden wird.
Eine Codebasis, zwei mobile Plattformen
Eine React Native-Codebasis läuft nun reibungslos auf Android- und iOS-Plattformen. JavaScript ermöglicht plattformübergreifende Anwendungen durch die gemeinsame Nutzung von Code mit Web-Apps.
Im Folgenden finden Sie einige Beispielbibliotheken, mit denen Sie gleichzeitig Code für andere Plattformen als iOS und Android erstellen können (einschließlich Web- und Desktop-Apps):
-
React Native für Web – Unterstützt Android, iOS und Web (Twitter nutzte dies zur Entwicklung von Twitter Lite)
-
ReactXp – entwickelt vom Skype-Team zur Unterstützung von Android, iOS und Web; funktioniert außerdem unter Windows 10 (UWP)
-
**[React-native-windows](https://github.com/microsoft/react-native-windows**React Native wurde vom Microsoft-Team entwickelt und unterstützt alle von Windows 10 unterstützten Geräte (PCs, Tablets, 2-in-1-Geräte, Xbox, Mixed-Reality-Geräte usw.).
Eine aktive und große Community
React Native wurde vor über fünf Jahren veröffentlicht. Facebook hatte daher ausreichend Zeit, die API zu stabilisieren und sich auf die Behebung von Problemen zu konzentrieren. Aktuell wird an einigen spannenden Verbesserungen gearbeitet, beispielsweise der Reduzierung der App-Größe.
React Native verfügt zudem über eine riesige Entwickler-Community. Zahlreiche Tutorials, Bibliotheken und UI-Frameworks erleichtern das Erlernen der Technologie.
Wenn es um die Sammlung von Artikeln, Tools und Materialien zu spezifischen Technologien geht, ist React Native Xamarin, Flutter oder Ionic deutlich überlegen.
Einfach zu erlernen für React-Entwickler
Da React Native zur React-Familie gehört, können alle, die bereits Erfahrung mit React haben, problemlos mit React Native arbeiten, ohne neue Bibliotheken erlernen zu müssen. Sie können dieselben Bibliotheken, Tools und Muster verwenden.
Erfahren Sie mehr über HDWEBSOFT React Native Entwickler.
Bis zu 50 % weniger Tests
Da dieselben Tests auf beiden Plattformen ausgeführt werden können, sind etwa 50 % weniger automatisierte Tests erforderlich. Dies entlastet unser QA-Team.
Nachteile von React Native
Nicht nativ
Ein häufiges Problem von plattformübergreifenden Anwendungen ist, dass weder die Benutzeroberfläche noch die Performance mit nativen Apps identisch sind. Die Ähnlichkeit liegt bei etwa 80–90 %.
Weniger standardmäßig verfügbare Komponenten
React Native unterstützt standardmäßig nur grundlegende Komponenten (viele davon sind standardmäßig plattformadaptiv, z. B. Schaltflächen, Ladeanzeigen oder Schieberegler).
Flutter hingegen unterstützt Material Design von Anfang an, wodurch das Framework deutlich mehr Widgets bietet. Das spart Zeit. Ein Entwickler, der Flutter verwendet, kann die meisten Ansichten mit vorgefertigten Widgets erstellen, die leicht anpassbar und plattformübergreifend konsistent sind.
Viele verwaiste Pakete
React Native verfügt über eine enorme Anzahl an Bibliotheken. Leider sind viele davon entweder von geringer Qualität oder werden nicht mehr weiterentwickelt.
Instabile Benutzeroberfläche
React Native verwendet native Komponenten, wodurch die App-Komponenten nach jedem Betriebssystem-UI-Update sofort aktualisiert werden können. Dies kann jedoch die Benutzeroberfläche der App beeinträchtigen. Anders ausgedrückt: Updates können die Stabilität beeinträchtigen, wenn sie bestimmte Änderungen an der Native Components API verursachen.
Bei Flutter hingegen ist die App-Benutzeroberfläche deutlich stabiler.
Apps sind größer als native Apps.
Anwendungen, die mit React Native geschrieben wurden, müssen JavaScript-Code ausführen können. Da Android diese Funktionalität nicht bietet, müssen Anwendungen eine Bibliothek einbinden, die JavaScript-Code unterstützt. Daher sind Apps größer als ihre nativen Android-Pendants.
Wann man React Native und wann Flutter wählt
Das hängt von den Details Ihres Projekts und den Kompetenzen Ihres Teams ab.
-
Wenn Ihr Team mit Dart vertraut ist, ist Flutter die bessere Wahl.
-
Wenn Ihre Teammitglieder fließend JavaScript beherrschen, ist React Native die bessere Wahl.
-
Wenn Ihre App native UI-Komponenten für die Benutzeroberfläche benötigt, ist React Native die beste Wahl.
-
Wenn Ihnen ein markenorientiertes Design am Herzen liegt, ist Flutter die optimale Lösung.
Wenn Sie sich zwischen Flutter und React Native nicht entscheiden können, wenden Sie sich gerne an unser Team von HDWEBSOFT – einem Offshore-Softwareentwicklungsunternehmen. Wir sind stolz darauf, eines der führenden Softwareentwicklungsunternehmen in Vietnam zu sein und garantieren den Erfolg Ihres Projekts.
