React Logo

Einführung in React und React Native

React Logo

Ein Einblick in die Technologie hinter WMS 5

Einer der zentralen Begriffe in der Technologie-Branche ist aktuell React sowie der mobile Ableger React Native. Beide Technologien wurden im Rahmen des kürzlich erschienenen Wildix-Upgrades auf WMS 5 vorgestellt.

Im Rahmen dieser Vorstellung wurde versprochen, dass React die Wildix-Software verbessern werde. Nun fragen sich aktuell sicherlich viele, wie diese Verbesserung konkret erreicht wird.

Um diese und andere Fragen zu beantworten, sollten wir zuerst erklären, was genau React ist und wofür es verwendet wird.

Was ist React?

Laut der Webseite der Entwickler ist React “eine JavaScript-Bibliothek für die Erstellung von Benutzeroberflächen”. Sie wird aktuell von Branchengrößen wie Facebook Messenger, Instagram, Skype, Salesforce und anderen genutzt.

Wir sollten an dieser Stelle auch auf den grundlegenden, aber entscheidenden Unterschied zwischen React und React Native hinweisen. React läuft im Browser, während React Native für mobile Apps vorgesehen ist.

Was ist eine JavaScript-Bibliothek?

Grundsätzlich handelt es sich um ein Repository mit vorgefertigten Funktionen, die in JavaScript geschrieben sind. JavaScript ist eine Skriptsprache, die zur Entwicklung von interaktiven Website-Elemente genutzt wird.

Bibliotheken wir diese bieten den Programmierern einsatzbereite Code-Segmente, mit denen sie interaktive Funktionen implementieren können, ohne den Code von Grund auf neu schreiben zu müssen. Wenn ein Programmierer beispielsweise möchte, dass seine Webseite Tastaturkürzel unterstützt, kann er einfach React einbinden. So kann er den vorgefertigten Code für diese Funktion umgehend implementieren.

Vereinfacht ausgedrückt bedeutet das:  Eine JavaScript-Bibliothek – und damit auch React – ist eine Ressource, mit der Entwickler viel schneller funktionierende Apps und Webseiten erstellen können.

Was sind die Vorteile für den Nutzer?

Die Entwickler sparen dank React Zeit beim Programmieren. Daher können sie mehr Zeit für das Verbessern, Optimieren und Aktualisieren von Funktionen aufwenden.

Konkret hat es React dem Wildix-Team ermöglicht, die grundlegende Basis der Software neu zu schreiben, wodurch die Plattform schneller wurde und gleichzeitig neue Funktionen implementiert werden konnten. Natürlich hätte man die neuen Funktionen von WMS 5 (wie das Kachellayout und die Direktnachrichten) auch ohne React erstellen können. Aber dank der Bibliothek sind die Funktionen performanter und konnten außerdem schneller implementiert werden.

Darüber hinaus erleichtert React Native die Portierung der Funktionen in die mobilen Versionen der Wildix-Software. Denn die ähnliche Designumgebung vereinfacht den normalerweise komplizierten Prozess des Duplizierens von Desktop-Funktionen auf Mobilgeräten erheblich. Dies führt zu mehr Konsistenz bei der Verwendung von Wildix auf verschiedenen Gerätetypen.

Hinzu kommt, dass React und React Native viel schneller aktualisiert werden können als andere Programmierframeworks. Da es sich bei React nur um JavaScript handelt (also einem Code, auf dem Webseiten basieren), ist das Aktualisieren einer auf React basierenden Website oder App so einfach wie das Aktualisieren des Codes.

Nochmal zusammengefasst…

React ist ein intuitives, flexibles Framework zum Entwerfen von Benutzeroberflächen für Webseiten und Desktop-Anwendungen. React Native ist praktisch dasselbe, jedoch für mobile Apps.

Schon die Verwendung einer dieser Technologien ermöglicht die Bereitstellung von schnellen und zuverlässig funktionierenden interaktiven Elementen. Das macht sich insbesondere bei der Aktualisierung dieser Elemente bemerkbar. Die Verwendung beider Technologien sorgt dank der Ähnlichkeit in Funktion und Programmierbarkeit von React und React Native dafür, dass die Nutzererfahrung in Desktop- und Mobil-Version wesentlich konsistenter ist.

Bei WMS 5 kommen all diese Vorteile zum Tragen und schaffen eine noch einheitlichere und funktionsreichere Oberfläche.

Wenn Sie weitere Technologie-Infos und -Updates wünschen, bestellen Sie kostenlos unser Magazin!

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...
Social Sharing
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •