Native, React Native, Flutter oder PWA: welche Technik für die eigene App?

React Native, Flutter, Native und PWA sind vier Wege, eine App zu bauen, und sie unterscheiden sich vor allem darin, was Bau und Betrieb kosten. Native Apps werden für iOS und Android getrennt entwickelt und sind am leistungsfähigsten. React Native (von Meta) und Flutter (von Google) erzeugen aus einer gemeinsamen Codebasis Apps für beide Plattformen. Eine PWA (Progressive Web App) ist eine Web-App, die sich wie eine App auf dem Home-Bildschirm installieren lässt und ohne App Store auskommt. Für die meisten Geschäftsanwendungen von KMU genügt entweder eine PWA oder eine plattformübergreifende App mit React Native oder Flutter. Eine rein native Entwicklung lohnt sich vor allem bei sehr gerätenahen oder besonders anspruchsvollen Apps.

Dieser Beitrag ist eine Entscheidungshilfe für Auftraggeber: Welche Folgen hat die Wahl für Budget, Wartung, App-Store-Pflichten und Abhängigkeit vom Dienstleister? Programmier-Details lassen wir bewusst weg. Ob es überhaupt eine App braucht oder eine Web-App genügt, klärt Web-App, Website oder App?; welche Wege es neben dem Entwickeln lassen gibt, etwa Baukasten oder KI-Tools, zeigt Eigene App erstellen.

Die vier Wege in einem Satz

Früher sprach man bei den mittleren beiden oft von «hybriden Apps». Der Begriff ist unscharf geworden: Ältere hybride Ansätze packten eine Website in eine App-Hülle, was sich oft träge anfühlte. React Native und Flutter funktionieren anders und erreichen bei typischen Geschäfts-Apps ein Bediengefühl, das Nutzer kaum von einer nativen App unterscheiden.

Native: maximale Leistung, doppelter Aufwand

Bei der nativen Entwicklung entstehen zwei voneinander unabhängige Apps, jede in der Sprache und mit den Werkzeugen ihrer Plattform. Das bringt den direktesten Zugriff auf alle Gerätefunktionen und die beste Leistung bei anspruchsvollen Aufgaben wie aufwendigen Animationen, Kamera-Verarbeitung in Echtzeit, Bluetooth-Anbindung an Geräte oder Augmented Reality.

Der Preis: Jede Funktion wird zweimal gebaut, zweimal getestet und zweimal gewartet. Oft braucht es zwei Spezialisierungen im Team. Für ein KMU mit einer Geschäfts-App, die Daten anzeigt, Formulare erfasst und Benachrichtigungen schickt, ist dieser Aufwand selten gerechtfertigt.

Passt, wenn: die App sehr eng mit Hardware arbeitet, höchste Leistung braucht oder das Produkt selbst die App ist und sich im Wettbewerb über das Bediengefühl unterscheiden muss.

React Native und Flutter: eine Codebasis, zwei Stores

Plattformübergreifende Frameworks sind der in der Praxis verbreitete Kompromiss. Ein grosser Teil des Codes wird nur einmal geschrieben und läuft auf iOS und Android. Für spezielle Gerätefunktionen lassen sich native Bausteine einbinden.

Die beiden Frameworks unterscheiden sich für Auftraggeber weniger, als die Diskussionen in Entwicklerforen vermuten lassen:

Die wichtigste Frage bei der Wahl zwischen beiden ist nicht technisch, sondern organisatorisch: Wer wartet die App in drei Jahren? Wenn Ihre Website und Ihre Web-Anwendungen auf einem JavaScript-Framework wie React oder Next.js laufen, spricht viel für React Native, weil dasselbe Know-how beide Welten abdeckt. Bei Flutter brauchen Sie einen Dienstleister, der Dart dauerhaft beherrscht.

Passt, wenn: eine echte Store-App nötig ist, das Budget aber nicht für zwei native Apps reicht, und die App vor allem Daten, Formulare, Karten, Kamera und Push nutzt.

PWA: App-Gefühl ohne App Store

Eine Progressive Web App ist eine Website, die sich installieren lässt. Sie startet vom Home-Bildschirm im Vollbild, kann Daten zwischenspeichern und Push-Nachrichten empfangen. Auf dem iPhone ist Web-Push seit iOS und iPadOS 16.4 möglich, wenn die Web-App zum Home-Bildschirm hinzugefügt wurde; Apple hat das am 16. Februar 2023 im WebKit-Blog angekündigt.

Die Vorteile für Auftraggeber sind handfest:

• Eine Codebasis für alles: Handy, Tablet und Desktop, iOS und Android.
• Kein App-Store-Prozess: Updates sind sofort bei allen Nutzern, ohne Prüfung und ohne Warten.
• Keine Store-Gebühren und keine Entwicklerkonten für die Verteilung.
• Teilbar per Link: Ein Kundenportal lässt sich per E-Mail oder QR-Code verteilen.

Die Grenzen sind ebenso klar: Eine PWA wird nicht im App Store gefunden, der Zugriff auf manche Gerätefunktionen ist eingeschränkter als bei einer Store-App, und auf dem iPhone ist die Installation über «Zum Home-Bildschirm» für viele Nutzer ungewohnt.

Wie eine PWA im Alltag aussieht, zeigt unsere Referenz Han Kitchen: Die Admin-Web-App des Restaurants liegt auf dem Home-Bildschirm des Handys, jede neue Reservation kommt als Push-Nachricht, und der Gast wird mit einem Tipp per WhatsApp bestätigt, ohne App Store und ohne Gebühren pro Nachricht. Mehr zur Push-Technik steht in Push-Nachrichten für Unternehmen, was eine PWA auf dem iPhone kann und was nicht, in PWA statt App-Store-App.

Passt, wenn: die App ein Werkzeug für einen bekannten Nutzerkreis ist, etwa Mitarbeitende, Kundinnen mit Konto oder Partner, und nicht über die Suche im App Store gefunden werden muss.

Was im App Store zusätzlich anfällt

Wer sich für eine Store-App entscheidet, ob nativ, React Native oder Flutter, übernimmt Pflichten, die bei einer PWA wegfallen:

Dazu kommt ein Punkt, den Auftraggeber oft erst spät bemerken: Die Konten sollten auf Ihr Unternehmen laufen, nicht auf den Dienstleister. Wer das Entwicklerkonto besitzt, kontrolliert die App. Mehr zu dieser Eigentumsfrage im Beitrag Wem gehört eigentlich die Website?.

Kosten- und Wartungsfolgen im Vergleich

Konkrete Frankenbeträge hängen stark vom Umfang ab. Die Grössenordnung im Verhältnis lässt sich aber klar einordnen:

Für die Budgetplanung lohnt es sich, über fünf Jahre zu denken. Eine App, die heute günstig gebaut wird, aber jedes Jahr für zwei Plattformen nachgezogen werden muss, kann über die Laufzeit teurer werden als eine sorgfältig gebaute Web-App. Welche Kosten bei Software-Projekten in der Schweiz realistisch sind, fassen wir in Software-Kosten Schweiz zusammen.

Die Entscheidung in fünf Fragen

1. Muss die App im App Store gefunden werden? Wenn Nutzer die App über die Store-Suche entdecken sollen, braucht es eine Store-App. Wenn sie ohnehin über Ihre Website, eine E-Mail oder einen QR-Code kommen, nicht zwingend.
2. Welche Gerätefunktionen sind wirklich nötig? Kamera, Standort und Push gehen auch als PWA. Bluetooth-Geräte, Hintergrund-Ortung über Stunden oder anspruchsvolle Echtzeit-Grafik sprechen für eine Store-App, teils für Native.
3. Wer nutzt die App? Interne Werkzeuge und Kundenportale funktionieren als PWA oft hervorragend. Breite Konsumenten-Apps profitieren eher von der Store-Präsenz.
4. Wie oft ändert sich die App? Häufige Änderungen sind bei einer PWA ohne Store-Prüfung deutlich einfacher.
5. Wer wartet die App in drei Jahren? Wählen Sie die Technik, deren Know-how dauerhaft verfügbar ist, bei Ihnen oder bei Ihrem Dienstleister.

Ein Wort zur Erwartung

Die Wahl der Technik ist wichtig, aber selten der Grund, warum eine App erfolgreich wird oder scheitert. Entscheidend sind fast immer die Fragen davor: Löst die App ein echtes Problem? Nutzen die Menschen sie mehr als einmal? Wird sie gepflegt? Eine einfache PWA, die ein Team jeden Tag benutzt, ist mehr wert als eine aufwendige native App, die nach dem Download niemand mehr öffnet.

Fazit

Native, React Native, Flutter und PWA sind keine Qualitätsstufen, sondern Werkzeuge für unterschiedliche Anforderungen. Native lohnt sich bei sehr gerätenahen oder besonders anspruchsvollen Apps. React Native und Flutter sind der wirtschaftliche Standard, wenn es eine Store-App sein muss, wobei React Native bei Teams mit Web-Hintergrund im Vorteil ist. Eine PWA genügt für viele Geschäftsanwendungen, spart App-Store-Pflichten und kann seit iOS 16.4 auch auf dem iPhone Push-Nachrichten empfangen.

Sie planen eine App oder ein Kundenportal und sind unsicher, welche Technik passt? Wir entwickeln Web-Apps und PWAs für Schweizer KMU und sagen Ihnen offen, wann eine Store-App nötig ist und wann nicht. Für neue Produktideen bauen wir MVPs ab CHF 10'000.