React vs Angular

React vs Angular

Auf dieser Seite finden Sie Informationen über React und Angular, sowie deren Vor- und Nachteile. Beide Frameworks bringen Ihre individuellen Spezifikationen mit sich. React und Angular bieten tolle Möglichkeiten um interaktive Websites zu gestalten. Wir bei LivingTech arbeiten bevorzugt mit React. React ist eine JavaScript Bibliothek und bietet grossartige Vorteile um schnell und effizient zu Arbeiten. Benötigen Sie eine moderne Webseite mit individuellen Funktionen und eventuell einer dazugehörigen App? Dann sind wir gerne Ihre Ansprechpartner, bei Interesse Kontaktieren Sie uns gerne über das Formular.

React

Hauptentwickler
Alter
Geschwindigkeit
DOM
Architektur
Struktur und Komponenten
Facebook/Instagram
2 Jahre
310 Millisekunde
Virtual: Ladet nur geänderte oder neue Daten
Nur View Komponente
Gleich aber integriert HTML mit JS über JSX

React ist eine von Facebook entwickelte JavaScript Bibliothek. Es wurde im März 2013 entwickelt. React ist bei Facebook sehr stark im Einsatz, viel stärker als Angular bei Google. Hier hat man deutlich mehr Freiheit als bei Angular, jedoch ist React nicht geeignet eine MVC Architektur zu realisieren, da es nur eine View verfügt, das Model und der Controller müssen Sie selber lösen. Dies bietet aber in diesem Fall fast nur Vorteile. Eine grosser Vorteil ist das React einen virtuellen DOM verwendet, der vergleicht nur die unterschiede des vorherigen HTML-Codes und ladet lediglich der Teil der sich unterscheidet, dies hat eine erheblich positive Auswirkung auf die Ladezeiten der Applikation. Es wird bei React das Markup und die Logik in derselben Datei behandelt, dies bedeutet Sie können in einer View Komponente auch Variablen ausgeben (JSX). Auch für mobile Applikationen bietet React eine Lösung sie heisst: „React-Native“.

Genutz von:

  • Airbnb
  • Drop Box
  • Facebook
  • Instagram
  • Netflix
  • Uber
  • WhatsApp

Positiv

Sehr schnelles laden von neue Daten(Virtual DOM)
Markup und Logik sind in einer Datei(JSX)
React wird wegen seinen Vorteilen noch lange bestehen bleiben

Negativ

Es kann keine MVC-Architektur realisiert werden
React ist nur eine JavaScript Bibliothek

AdobeStock 291523160 Editorial Use Only DropBox ist eine Cloud-Speicher Lösung, die im Jahr 2007 von zwei Studenten entwickelt
worden ist. Die DropBox an sich ist ein spezieller lokaler Ordner, der dann mit dem Ordner
auf dem Server abgeglichen wird, somit können Sie mit mehreren Leuten verschiedenste
Inhalte teilen und freigeben.
DropBox entschloss sich vor über einem Jahr den Umstieg auf React in Kauf zu nehmen.
Die user expirience und die Ladezeiten hat sich in Mobile und Desktop sehr stark verbessert
2asa WhatsApp ist ein 2009 gegründeter Instant-Messaging-Dienst, der im Jahr 2014 teil
von Facebook wurde.
WhatsApp nutzt React vor allem für das erstellen von Benutzeroberflächen
in der Mobile-App. Seit kurzem verwendet auch die brand neue WhatsApp-Web-App React.
1asa Nike ist ein 1971 gegründeter und schon länger marktführender Sportartikelanbieter.
Bei Nike kommt Angular zum Zug, vor allem für die Entwicklung von dem Nike-Training-Club.
Die Herausforderung war hier Video- und Timeline-Daten in einer Nativen Mobile-App
unterzubringen. Hier ist Angular sehr sinnvoll, da es die Anzeige, Verarbeitung und
Aktualisierung auf einem Chromecast-Bildschirm handeln muss.

Angular

Hauptentwickler
Alter
Geschwindigkeit
DOM
Architektur
Struktur und Komponenten
Google
6 Jahre
1.35 Sekunde
Browser
MVC Framework
HTML, JS und CSS

Angular ist ein von Google entwickeltes JavaScript Framework. Es wurde im September 2016 veröffentlicht. Wichtige Google Projekte sind mit Angular entwickelt worden. Angular hat im Vergleich zu React viele Ähnlichkeiten aber auch grosse Unterschiede. Angular ist ein MVC-Framework, es wird also stark vorgegeben wie die Strukturen der Anwendungen auszusehen haben. Viele sogenannte „out-of-the-box“ Funktionen werden zugelassen. Ein grosser Nachteil von Angular ist, dass es ein regulären DOM verwendet und somit die gesamte Baumstruktur der HTML-Tags aktualisiert werden, dies beeinträchtigt die Ladezeit der Anwendung massiv. Für mobile Applikationen bietet Angular Ihr Framework „Ionic“ an. Im grundgenommen ist eine Ionic-App eine Web-Anwendung, die in einen nativen Web-View-Container gepackt wird, aus diesem Grund können die Apps sehr langsam sein.

Genutz von:

  • Forbs
  • General Motors
  • Google
  • HBO
  • Nike
  • Sony

Positiv

Lässt eine MVC Architektur zu
Viele „out-of-the-box“ Funktionen werden unterstützt
Gute Wartbarkeit

Negativ

Ladet die komplette Baumstruktur der HTML-Tags neu(regular DOM)
Langsame Ladezeiten der Applikation

React vs Angular Downloads