Recherche Tech Stack

Recherche React Native/Flutter/Ionic

Plattformübergreifend

Vorteile
- Gemeinsame Codebasis für verschiedene Plattformen
- (Wiederverwendbarkeit & Zeitersparnis)
- Leistungsunterschiede zu nativen Apps heutzutage nur noch gering
Nachteile
- Zugriff auf Hardware (GPS, Kamera,…) erfolgt eher über Plugins
- Ggf. Performance-Verlust durch Overhead in Ausführung
- Ggf. kompliziertere Genehmigung in versch. App-Stores
- Offline-Funktionalitäten häufig komplexer umzusetzen

Nativ

Vorteile
- Direkter Zugriff auf Hardware (GPS, Kamera,…)
- Code ist auf Hardware abgestimmt und ist dadurch ggf. performanter
- Einfachere Genehmigung in App-Stores
Nachteile
- Entwicklung & Pflege mehrerer Codebasen notwendig

Android

iOS

React Native

Entwickler: Meta
Release: 2015
Vorteile
- Setzt auf bekannter ReactJS-Architektur auf
- Bietet größere Flexibilität und Design-Möglichkeiten als Flutter
- Große Community (durch React-Anbindung)
- Kompiliert Code in native Komponenten (dadurch gute Performance)
Nachteile
- Wenige vordefinierte Widgets; Müssen ggf. selbst erstellt oder importiert werden
- Ggf. höhere Lernkurve
Programmiersprache: Typescript/JavaScript
Hot Reload: Ja
Marktanteil: 42.4 %
Website: https://reactnative.dev/
Dokumentation: https://reactnative.dev/docs/getting-started
Komponenten-Galerie: https://reactnative.dev/docs/components-and-apis
Beispiele von Anwendungen: https://reactnative.dev/showcase
- Instagram
- Bloomberg
- Walmart
- Pinterest
- Tesla
Beispielhafte Plugins/Widgets/Bibs
- Charts: https://blog.logrocket.com/top-8-react-native-chart-libraries-2023/
- Timer: https://www.npmjs.com/package/react-native-countdown-circle-timer

Flutter

Entwickler: Google
Release: 2018
Vorteile
- Hat Material Design in Komponentenbib. eingebettet
- Dart gilt als einsteigerfreundlich und leicht verständlich
- App-Erstellung an sich einfacher als mit React Native (Fertige Komponentenbibliothek)
- Natives Rendering durch Skia graphics library
- App kann auch als Web-App genutzt werden (PWA?)
Nachteile
- Bietet durch Vorgabe des Material Designs weniger Flexibilität für Designs
Programmiersprache: Dart
Hot Reload: Ja
Marktanteil: 39.4 %
Website: https://flutter.dev/
Dokumentation: https://docs.flutter.dev/
Komponenten-Galerie: https://flutter.github.io/samples/#
Beispiele von Anwendungen: https://flutter.github.io/samples/#https://flutter.dev/showcase
- Gmail
- BMW app
- Reflectly (Health & Fitness)
- Bytedance
- Paring (Dating)
Beispielhafte Plugins/Widgets/Bibs
- Charts: https://pub.dev/packages/fl_chart
- Timer: https://api.flutter.dev/flutter/dart-async/Timer-class.html

Ionic

Entwickler: Drifty Co
Release: 2013
Vorteile
- In Kombination mit Angular, Vue.js oder React nutzbar
- Bietet Komponentenbib. an
- Nutzt gängige Webtechnologien (HTML etc.)
- App kann auch als Web-App genutzt werden (PWA?)
- Führt sehr schnell zu nutzbarem Ergebnis (MVP)
Nachteile
- Performanz kommt nicht an native Apps oder andere Frameworks mit nativem Rendering ran (React Native/Flutter)
Programmiersprachen: HTML, CSS & TypeScript/JavaScript
Hot Reload: Ja
Marktanteil: 11,5 %
Website: https://ionicframework.com/
Dokumentation: https://ionicframework.com/docs
Komponenten-Galerie: https://ionicframework.com/docs/components
Beispiele von Anwendungen: https://ionic.io/customers
- CAT
- NHS
- Cisco
- Target
- NBC
Beispielhafte Plugins/Widgets/Bibs
- Charts: https://javascript.plainenglish.io/ionic-5-charts-graphs-using-chartjs-library-5ce69b83b2a9
- Timer: https://codepen.io/comapedrosa/pen/gPPwOv