Native vs. plattformübergreifende Techstacks

• (Wiederverwendbarkeit & Zeitersparnis)
• Leistungsunterschiede zu nativen Apps heutzutage nur noch gering | - Direkter Zugriff auf Hardware (GPS, Kamera,…)
• Code ist auf Hardware abgestimmt und ist dadurch ggf. performanter
• Einfachere Genehmigung in App-Stores | | 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 | - Entwicklung & Pflege mehrerer Codebasen notwendig |

Native Techstacks

Vergleich der populärsten Betriebssysteme

• Kotlin | - Objective C
• Swift | | Development-Tools | - Android Studio
• Android SDK | - Xcode
• iOS SDK | | UI Frameworks | - Android UI
• Jetpack | - SwiftUI
• UIKit | | Marktanteile | 71 % | 28 % |

Artikel

Mobile App Tech Stack: A Comprehensive Guide for 2023

Hybride Techstacks

Vergleich populärer Frameworks

• 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) | - 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?) | - 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 | - Wenige vordefinierte Widgets; Müssen ggf. selbst erstellt oder importiert werden

• Ggf. höhere Lernkurve | - Bietet durch Vorgabe des Material Designs weniger Flexibilität für Designs | - Performanz kommt nicht an native Apps oder andere Frameworks mit nativem Rendering ran (React Native/Flutter) | | Programmiersprache | Typescript/JavaScript | Dart | HTML, CSS & TypeScript/JavaScript | | Hot Reload | Ja | Ja | Ja | | Marktanteile | 42.4 % | 39.4 % | 11,5 % | | Website | https://reactnative.dev/ | https://flutter.dev/ | https://ionicframework.com/ | | Dokumentation | https://reactnative.dev/docs/getting-started | https://docs.flutter.dev/ | https://ionicframework.com/docs | | Komponenten-Galerie | https://reactnative.dev/docs/components-and-apis | https://flutter.github.io/samples/# | https://ionicframework.com/docs/components | | Beispiele von Anwendungen | https://reactnative.dev/showcase

• Instagram

• Bloomberg

• Walmart

• Pinterest

• Tesla | https://flutter.dev/showcase

• Gmail

• BMW app

• Reflectly (Health & Fitness)

• Bytedance

• Paring (Dating) | https://ionic.io/customers

• CAT

• NHS

• Cisco

• Target

• NBC | | 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 | - Charts: https://pub.dev/packages/fl_chart

• Timer: https://api.flutter.dev/flutter/dart-async/Timer-class.html | - Charts: https://javascript.plainenglish.io/ionic-5-charts-graphs-using-chartjs-library-5ce69b83b2a9

• Timer: https://codepen.io/comapedrosa/pen/gPPwOv |

Artikel

Flutter vs. React Native – wann ist welche Lösung besser?

Ionic vs. React Native vs. Flutter: What’s Best for 2023?

8 Most Popular Mobile App Development Frameworks in 2023