React Native

Wer eine App für Smartphones baut, steht vor einem Problem: iPhones laufen auf iOS, Android-Geräte auf einem anderen System — und beide sprechen technisch verschiedene Sprachen. Normalerweise bräuchte man zwei separate Entwicklerteams und zwei vollständig getrennte Codebasen. React Native, ein Framework (also eine fertige Arbeitsumgebung mit Regeln und Werkzeugen) von Meta, löst dieses Problem. Man schreibt den Code einmal, in der Programmiersprache JavaScript, und das Framework übersetzt ihn in echte, native Bausteine beider Betriebssysteme. Das Ergebnis sieht und fühlt sich an wie eine App, die speziell für das jeweilige System gebaut wurde — weil die Bausteine es auch wirklich sind.

Warum eine gemeinsame Codebasis so viel ausmacht

Zeit und Geld sind die offensichtlichsten Argumente. Ein Unternehmen, das früher zwei Teams beschäftigen musste, kann mit einem auskommen. Bugfixes, neue Funktionen und Design-Änderungen müssen nur einmal vorgenommen werden und landen automatisch auf beiden Plattformen.

Der entscheidende Unterschied zu einfacheren Lösungen liegt im Wort « native ». Manche Frameworks verpacken schlicht eine Website in eine App-Hülle. React Native macht das nicht. Es übersetzt UI-Komponenten — also Schaltflächen, Listen, Eingabefelder — in die echten Steuerelemente, die iOS oder Android von Haus aus mitbringen. Dadurch reagiert die App so flüssig und vertraut, wie Nutzer es erwarten.

Für Startups ist das besonders relevant. Sie müssen schnell einen Prototypen auf den Markt bringen, ohne doppelte Entwicklungskosten zu stemmen. Aber auch große Konzerne nutzen React Native, weil es die Wartung langfristig vereinfacht.

Der Weg vom JavaScript-Code zur echten App

Im Kern trennt React Native zwei Welten: den JavaScript-Teil, in dem die Logik der App läuft, und den nativen Teil, der die eigentlichen Bildschirmelemente zeichnet. Zwischen beiden vermittelt eine sogenannte Bridge — eine Schnittstelle, die Nachrichten hin- und herschickt. Tippt ein Nutzer auf eine Schaltfläche, meldet die native Seite das Ereignis an JavaScript; JavaScript entscheidet, was passiert, und schickt eine Anweisung zurück.

In neueren Versionen hat Meta diese Bridge durch eine modernere Architektur namens JSI (JavaScript Interface) ersetzt. Die Kommunikation läuft dadurch direkter und schneller, weil JavaScript-Code und nativer Code direkt miteinander sprechen können, ohne Umweg über eine Nachrichtenwarteschlange.

Entwickler schreiben ihre Oberflächen in einer Syntax namens JSX — eine Mischung aus JavaScript und HTML-ähnlichen Tags. React Native übersetzt diese Beschreibungen dann zur Laufzeit in die passenden nativen Bausteine: ein JSX-Element namens `<Button>` wird auf iOS zu einem UIButton, auf Android zu einem MaterialButton. Der Entwickler sieht davon nichts, es passiert automatisch.

React Native in bekannten Produkten und Schlagzeilen

React Native steckt in einer Reihe weit verbreiteter Apps. Meta selbst nutzt es für Teile von Facebook und Instagram. Microsoft setzt es in der mobilen Version von Office ein. Shopify hat große Teile seiner mobilen App damit umgeschrieben und berichtet offen über die Erfahrungen — was React Native zu einem gut dokumentierten Praxisbeispiel im Netz macht.

In Tech-News taucht React Native oft in Debatten über « Cross-Platform-Entwicklung » auf — also die Frage, wie man Apps für mehrere Plattformen gleichzeitig baut. Der wichtigste Konkurrent ist Flutter, ein Framework von Google, das einen anderen Ansatz verfolgt: Flutter zeichnet alle Bildschirmelemente selbst, statt auf native Bausteine zurückzugreifen. Beide Ansätze haben Vor- und Nachteile, und die Diskussion darüber ist in Entwicklerkreisen lebendig.

Für alle, die erste Programmiererfahrungen machen wollen, ist React Native auch deshalb interessant, weil JavaScript die mit Abstand am weitesten verbreitete Programmiersprache im Web ist. Wer sie kennt, kann mit React Native ohne großen Umweg auch mobile Apps bauen — was den Einstieg deutlich flacher macht als das Erlernen von Swift (für iOS) oder Kotlin (für Android) von Grund auf.