React vs Angular – Ein vollständiger Vergleich

Es gibt viele Frameworks für die Frontend-Entwicklung, aber zwei davon, React und Angular, scheinen den Markt im Sturm erobert zu haben. Im Laufe der Jahre haben wir einen drastischen Wandel im Bereich der Front-End-Entwicklung erlebt, und da so viele starke Frameworks hinzukommen, können sich die Unternehmen problemlos auf die Entwicklung einer robusten Anwendung konzentrieren.

Die Front-End-Frameworks haben zu neuen Funktionen beigetragen und damit das Leben von Entwicklern auf der ganzen Welt beschleunigt. Der Einsatz dieser Front-End-Frameworks hat dazu beigetragen, eine hochfunktionale Leistung für Unternehmen zu schaffen und so zu einer einfachen Einführung der Interoperabilität zu führen.

Aber es gab schon immer einen ständigen Kampf zwischen React und Angular. Obwohl dies die beiden am häufigsten von renommierten Portalen und Websites genutzten Plattformen sind, hat es Softwareentwicklern auch beim Aufbau einer starken Schnittstelle geholfen.

Inhaltsverzeichnis

React vs. Angular: Ein Vergleich

React vs. Angular: Framework-Architektur

React vs. Angular: Datenbindung und DOM

React vs. Angular: Modularität und Wiederverwendbarkeit

Reagieren vs. Angular: Leistung

Reagieren vs. Angular: Testen

Reagieren vs. Angular: Lernkurve

React vs. Angular: Einfache Aktualisierung

React vs. Angular: Dokumentation

Wie sieht die Zukunft von React und Angular aus?

React vs. Angular: Welches ist besser?

React vs. Angular: Ein Vergleich

Die Unterschiede zwischen React und Angular hatten schließlich zu einer zunehmenden Popularität geführt. Es unterscheidet sich nicht nur in der Leistung, sondern auch im Grundaufbau.

Reagieren

React wurde von Facebook auf den Markt gebracht und hatte ein ganz anderes Framework als AngularJS. Daher haben die mit React erstellten Apps normalerweise keine „genaue“ Struktur.

React ermöglicht das Aktualisieren von Benutzeransichten, es gibt jedoch keine Möglichkeit, eine eigene Anwendung zu erstellen. Darüber hinaus ist es eine einfache und effektive Möglichkeit, Komponentenbäume zu erstellen, es gibt jedoch Modell- und Controller-Ebenen.

React verfügt aufgrund der breiten Verfügbarkeit von Komponenten über eine strukturierte Codierung. Wenn Sie React verwenden, müssen Sie keinem systematischen Code-Schreiben folgen. Sie können JSX folgen, um neue Vorlagen und Klassen zu erstellen. Allerdings können die Benutzer Codes weiterhin einfach mit HTML und JavaScript schreiben. Daher sind JavaScript-Entwickler mit React besser vertraut als mit Angular. Mit React muss man nicht dem komplexen Syntaxmuster folgen.

Eckig

Angular hat eine feste, aber komplexe Struktur, die ausschließlich auf drei Ebenen basiert: Modell, Ansicht und Controller. Das Objekt $scope verwaltet den Modellteil, während Control ihn initiiert und in das HTML-Skript für die Betrachter und Benutzer umwandelt. Im Laufe der Jahre hat AngularJS dazu beigetragen, viele Fabriken, Dienste, Anweisungen und Controller zu erstellen, was für einen Javascript-Entwickler möglicherweise einige Zeit in Anspruch nimmt.

Mit AngularJS kann der jeweilige App-Code in verschiedene Dateien aufgeteilt werden. Abhängig von den Blöcken können sie in separaten Dateien gespeichert werden, die später für verschiedene Teile einer bestimmten Website verwendet werden können.

Der Hauptunterschied zwischen React und Angular liegt in der Einfachheit. React ist zwar vorteilhafter als Angular, aber es ist eine zeitaufwändige Entwurfs- und Anwendungsmethode. Die Auswahl verschiedener Instrumente zur Entwicklung einer Anwendung von Grund auf kann sich als mühsame Aufgabe erweisen.

React vs. Angular: Framework-Architektur

Angular und React weisen sowohl Gemeinsamkeiten als auch Unterschiede auf. Angular folgt dem MVC-Framework, während React auf der JavaScript-Bibliothek basiert.

Reagieren

Während Angular Sie einschränkt, bietet Ihnen React tendenziell viel Flexibilität, da Ihnen im MVC-Modell nur V von React zur Verfügung gestellt wird. Die restlichen M und C müssen Sie selbst erstellen, wobei Sie die Freiheit haben, jede gewünschte Bibliothek auszuwählen. Durch die Zusammenarbeit mit unabhängigen Bibliotheken können Sie schneller arbeiten. Da Sie die Kontrolle über die Bibliotheken haben, haben Sie die Freiheit, Aktualisierungen und Migrationen zu überprüfen.

Diese Freiheit hat jedoch auch einen Nachteil. React-Projekte sind unterschiedlich und arbeiten auf einer hierarchischen Basis für Ordner. Diese architektonischen und hierarchischen Elemente können jedoch leicht dazu führen, dass etwas schief geht.

Wenn es um „out-of-the-box“-Ideen geht, ist React nicht weniger als AngularJS. Es bietet auch eine Vielzahl von Dingen wie

• XSS-Schutz
• Keine Abhängigkeitsinjektion
• Eine Verlagerung von klassischen Vorlagen zu entwickelten Vorlagen wie JSX
• Ajax-Anfragen
• Vorhandensein von Utility-Testkomponenten
• Da React auch das Hinzufügen von Funktionalitäten ermöglicht, stehen einige der wichtigsten Bibliotheken zur Auswahl
• Zustandsverwaltung – Redux oder MobX
• Zusätzliches Testprogramm – Enzym
• Routing-React-Router

Eckig

AngularJS tendiert dazu, Meinungen dazu abzugeben, wie eine Anwendung einer bestimmten Struktur folgen sollte. Dies trägt dazu bei, „out-of-the-box“-Ideen anzubieten. Mit Angular müssen Sie sich nicht mit komplizierten Ideen und dem Routing von Bibliotheken herumschlagen. Sie verfügen über Code mit allem, was Angular anbietet, was von den Entwicklern oft als Nachteil angesehen wird.

Was „out-of-the-box“-Funktionen betrifft, bietet AngularJS in der Regel viele Dinge wie

• XSS-Schutz
• Abhängigkeitsspritze
• Komponenten-CSS-Kapselung
• Verfügbarkeit von Unit-Testing-Komponenten
• HTML-Vorlage für erweiterte Version
• Von Angular bereitgestellte Formulare zum Erstellen von Formularen
• Ajax-Anfragen wie von @angular/HTTP bereitgestellt.

React vs. Angular: Datenbindung und DOM

Ist die Datenbindung nicht ein wesentlicher Aspekt, den es zu berücksichtigen gilt? Es gibt einen erheblichen Unterschied zwischen der Datenbindung und dem Dokumentobjektmodell der beiden Plattformen.

Reagieren

Im Gegensatz zu Angular verwendet React den unidirektionalen Datenbindungsprozess. Dadurch müssen die Entwickler den Datenfluss nur in eine Richtung verwalten, was den Vorteil einer Datenflusskontrolle bietet. Die Entwickler können die Änderungen leicht nachverfolgen.

Sogar React unterstützte ein bidirektionales Datenbindungsverfahren, aber Facebook überwand es und startete Flux, eine Anwendung zur Aufrechterhaltung des unidirektionalen Datenflusses. Der Dispatcher in Flux ermöglicht die vollständige Kontrolle über den Datenfluss. Der Dispatcher von Flux ist dafür verantwortlich, Daten zu empfangen und zur vollständigen Aktualisierung an eine geeignete Plattform zu übertragen. Bei sich ändernden Updates wird auch die Ansicht aktualisiert und der Dispatcher erhält eventuell eine neue Aktion. Dieser Vorgang wird bis zur vollständigen Aktualisierung des Stores fortgesetzt. Flux war daher in der Lage, den dynamischen Datenfluss und die Effektivität der Codebasis aufrechtzuerhalten.

Eckig

In Angular ist das Document Object Model (DOM)-Modell über das bidirektionale Datenbindungsmodell des Controllers mit dem Modell verbunden. Wenn der Benutzer also einen Wert im Eingabefeld ändert, kommt es nicht nur zu erheblichen Aktualisierungen im Abschnitt „Ansicht“, sondern auch im Modell. Das bidirektionale Datenbindungsverfahren eignet sich am besten für Angular, da der Entwickler weniger Boilerplate-Code schreiben muss, um Verknüpfungen zwischen Komponenten innerhalb der Anwendung zu erstellen. Daher besteht keine Notwendigkeit, neue Codes zu finden, um innerhalb der App nach Updates zu suchen.

Das bidirektionale Datenbindungsverfahren beeinträchtigt jedoch die Leistung der App. Die App wird schließlich Verbindungen zu verschiedenen Beobachtern und anderen Elementen haben.

Der unidirektionale Datenfluss hat dazu beigetragen, Komplexitäten zu vermeiden. Im Vergleich zu AngularJS-Anwendungen können Probleme in großen React-Anwendungen problemlos debuggt oder gelöst werden.

React vs. Angular: Modularität und Wiederverwendbarkeit

AngularJS und React folgen dem komponentenbasierten Framework. Dies ist eine Ähnlichkeit zwischen den beiden, die die wiederverwendbaren, modularen und zusammenhängenden Komponenten zusammenbringt. Allerdings gibt es in diesem Fall hinsichtlich des Stapels einen Unterschied zwischen den beiden.

Die Kosten für die Anwendungsentwicklung steigen von Tag zu Tag. Daher ist es in Zeiten wie diesen unerlässlich, eine Plattform zu wählen, die eine stärkere Wiederverwendung der Komponenten ermöglicht. Die Wiederverwendbarkeitsfunktion hilft dabei, Zeit, Geld und zusätzlichen Aufwand für das Duplizieren zu sparen. Bei richtiger Wiederverwendbarkeit kann die App schneller auf den Markt gebracht werden.

Da beide auf komponentenbasierten Architekturen basieren, können modulare Komponenten verwendet werden, die eng miteinander verbunden sind. Dadurch können die Elemente des Frameworks wiederverwendet werden, um nur neue Schnittstellenfunktionen zu ermöglichen. Wiederverwendbarkeit und Modularität waren schon immer eine wichtige Anforderung für Frontend-Entwickler, um den Entwicklungsprozess ihrer Website zu vereinfachen.

Sowohl AngularJS als auch React können eine wichtige Rolle dabei spielen, den Prozess der App-Entwicklung zu beschleunigen. Die Entwickler müssen sich nicht von Grund auf auf die Baukomponenten konzentrieren, um die App zu starten.

Reagieren

React folgt JavaScript, was für Entwickler, die mit der Plattform nicht vertraut sind, oft komplex sein kann.

Eckig

AngularJS folgt dem TypeScript für die App- und Webentwicklung. Dies ist für Entwickler praktischer, da es kompakt ist und dabei hilft, fehlerfreie Plattformen zu erstellen.

Reagieren vs. Angular: Leistung

Was die Leistung betrifft, gab es einen erheblichen Streit zwischen den beiden Plattformen, welche die schnellste und effektivste ist. Die Leistung dieser Komponenten wird letztendlich einen direkten Einfluss auf die Leistung von Apps haben.

Reagieren

Im Gegensatz zu den ausgereiften Frameworks bietet React den Vorteil des virtuellen Document Object Model. Im Vergleich dazu bietet virtuelles DOM mehr Vorteile, da ein schlanker DOM-Baum dabei hilft, alle Objekte und Daten auf dem Server zu speichern. Angenommen, der Benutzer gibt neue Daten in das Eingabefeld ein. React vergleicht diese beim Erstellen eines neuen DOM-Baums mit dem zuvor vorhandenen. Die Bibliothek prüft auf Unterschiede und aktualisiert sie dann entsprechend mithilfe des neuen HTML-Modells. Die gesamte komplexe Funktion wird auf dem Server ausgeführt, was letztendlich die Belastung und das Framework des Browsers reduziert.

Im Gegensatz zum Senden des gesamten Updates mit neuem HTML an den Browser leitet React nur die geänderten Elemente weiter. Es besteht keine Verpflichtung der Beobachter, den echten DOM zu überwachen. Dadurch kann man die Leistung einer Anwendung mithilfe von DOM einfach steuern.

Dennoch lässt sich nicht leugnen, dass auch mit AngularJS schnelle Anwendungen erstellt werden können.

Eckig

Wie bereits erwähnt, ist Angular stark vom bidirektionalen Datenfluss abhängig. Basierend auf Dirty Checking kann dies dazu führen, dass Anwendungen, die mit AngularJS erstellt wurden, hinterherhinken.

Wenn Werte mithilfe des jeweiligen Modells in HTML gebunden werden, erstellt AngularJS einen neuen Watcher, um die Änderungen im DOM zu überprüfen. Angesichts der Aktualisierung vergleicht AngularJS den neuen Wert weiter mit dem Anfangswert, um die $digest-Schleife auszuführen. Die Schleife verfolgt alle Änderungen, von den ersten bis zu den von Beobachtern verfolgten. Wenn in der jeweiligen Anwendung zu viele Watcher gebunden sind, verringert sich die Leistung der Anwendung.

Dies kann jedoch problematisch werden, wenn die Werte voneinander abhängig sind. Wenn AngularJS eine Wertänderung aufgrund eines anderen Werts bemerkt, wird die nun $digest-Schleife beendet und beginnt von vorne.

Die Schleife funktioniert so lange, bis alle Beobachter überprüft wurden und alle erforderlichen Aktualisierungen auf Modell und Ansicht angewendet wurden. Oft sind die neu aktualisierten Daten im Feld nicht sichtbar, weshalb es besser ist, sie immer zu vermeiden.

AngularJS funktioniert im DOM. Dies ist ein großer Nachteil, der die Funktion der App beeinträchtigen kann. . Dieses Framework bringt eine Änderung im echten DOM-Browser mit sich. Bei der Aktualisierung des realen DOM-Werts ändern sich auch alle internen Werte, um ein neues DOM zu bilden. Dadurch wird die Anwendung langsam.

Aufgrund der schlechten Leistung der Anwendungen wurden Aktualisierungen für die Angular 2- und Angular 4-Frameworks vorgenommen. Es ermöglicht auch eine unidirektionale Datenbindung wie React, bietet aber auch eine bidirektionale Datenbindung.

Reagieren vs. Angular: Testen

Die Hauptunterschiede zwischen React und Angular hängen von den Testergebnissen ab. Es ist notwendig, den Überblick zu behalten, um Unannehmlichkeiten zu vermeiden. Die erfahrenen Entwickler bevorzugen die Verwendung eines einzelnen Tools oder einer Kombination von Tools, um den Test durchzuführen und genaue Ergebnisse zu erzielen.

Reagieren

Die reagierten Codes werden mit Jest getestet, das von Facebook eingeführt wurde. Zum Testen ist Jest Teil jedes React-Projekts und es gibt fast keine Konfiguration für die Verwendung. Jest ist eine der leistungsstarken Spottbibliotheken, die häufig mit Enzyme verwendet wird. Dies macht das Testen einfach und bequem. Im Gegensatz zum einzelnen Tool zum Testen in Angular benötigt React möglicherweise unterschiedliche Testtools. Obwohl die Ergebnisse leicht zu lesen sind, ist es ein zeitaufwändiger Prozess.

Eckig

Angular IO-Tests und Debugging für Projekte können mit wichtigen Einzeltools wie Protractor, Karma und Jasmine durchgeführt werden. Die Testergebnisse von React sind jedoch sehr kompliziert, wenn der Code über Jasmine getestet wird. Aus diesem Grund verwenden die Leute lieber die beiden anderen Tools als Jasmine.

React vs. Angular: Wann sollte man was wählen?

Beide Frameworks sind ein wichtiger Bestandteil des App-Entwicklungsprozesses. Welche die richtige ist, hängt jedoch vollständig von der Art der gewünschten App ab.

Reagieren

Die Entwickler sollten sich nur dann für React entscheiden, wenn

• Das Team ist mit Frameworks wie CSS, JavaScript und HTML vertraut.
• Sie müssen die App mit verschiedenen Lösungen erstellen und sie während der Entwicklungsphase in verschiedene Stadien versetzen. Dazu gehören Navigationselemente, dynamische Eingaben, eine Benutzeranmeldung und Zugriffsberechtigungen.
• Sie möchten, dass die App gründlich erstellt wird und dabei den Schwerpunkt auf den Vorentwicklungsprozess legt.
• Sie möchten eine individuelle App mit High-End-Funktionen erstellen.
• Sie möchten, dass die Komponenten je nach Wachstum und Beliebtheit der App von verschiedenen Anwendungen gemeinsam genutzt werden können.
• Möglicherweise möchten Sie mit dem aktuellen Szenario fortfahren. Schauen Sie stets umfassend in die Zukunftstrends und denken Sie an langfristige Lösungen.

Eckig

Die Entwickler sollten sich bei der App-Entwicklung für Angular entscheiden

• Die Entwickler können effizient mit Frameworks wie bereits vorhandenen Versionen von Angular, C# und Java arbeiten.
• Sie möchten nicht, dass Ihre App sehr komplex ist.
• Die App sollte viele Funktionen enthalten.
• Sie möchten mit einigen gebrauchsfertigen Lösungen Ihre Produktivität steigern.
• Sie möchten die App kontinuierlich regulieren und über Änderungen in der Größe der App auf dem Laufenden bleiben.

Reagieren vs. Angular: Lernkurve

Die Lernkurve ist eines der ersten und wichtigsten Dinge, die beim Umstieg auf neue Technologien berücksichtigt werden müssen. Ihre Wahl hängt jedoch vollständig von der Vertrautheit des Konzepts ab.

Reagieren

Das erste und grundlegendste, was in React gelehrt wird, ist JSX. Auf den ersten Blick mag es sehr komplex erscheinen, aber es ist überhaupt nicht komplex. Die Grundstufe zum Erlernen von React umfasst das Erlernen des Schreibens von Komponenten, der Statusverwaltung (intern für Anfänger) und der Verwendung von Konfigurationsstützen. Es ist ein einfaches Framework wie JavaScript. Daher müssen Sie keine komplexen Schleifenstrukturen erlernen.

Für die fortgeschrittene Stufe von React müssen Sie das Routing der Bibliothek erlernen. Die Zustandsverwaltungsphase umfasst das Erlernen von Redux oder ModX. Sobald Sie die Grundlagen und die Statusverwaltung erlernt haben, können Sie Apps erstellen.

Eckig

Angular bietet die Möglichkeit, viele Dinge zu lernen, von der Grundstufe bis zur fortgeschrittenen Stufe. Zu den Grundthemen von Angular gehören häufig Komponenten, Abhängigkeitsinjektion, Vorlagen und Pipes. Zu den fortgeschrittenen Themen in Angular gehören Zonen, AoT-Kompilierung, Erkennung und Rx.js.

Für Anfänger kann es aufgrund des komplizierten Konzepts schwierig sein, sich an Angular zu gewöhnen. Aber im weiteren Verlauf müssen Sie viele Dinge im Hinterkopf behalten, und die Erfahrung kann etwas hart sein. Die Lernenden müssen mit Themen wie Änderungserkennungsprogrammen und Rx.js-Abonnementverwaltung vertraut sein.

Im Vergleich dazu macht React es Anfängern einfacher.

React vs. Angular: Einfache Aktualisierung

Wie einfach sich eine App aktualisieren lässt, trägt wesentlich zu ihrer Beliebtheit bei. Letztlich kommt es auf die persönlichen Vorlieben und den Komfort an, weshalb Sie das App-Framework entsprechend auswählen sollten.

Reagieren

Darüber hinaus ermöglicht React auch einfache Transaktionen über die verschiedenen Versionen hinweg. Die Front-End-Entwicklungsbibliotheken hängen größtenteils von externen Bibliotheken ab, was Aktualisierungen erleichtert und auch die Migration von Drittanbietern ist einfach. Bei der Entwicklung und Erstellung von Apps mit dem React-Framework können die Entwickler prüfen, ob die Drittanbieter-Bibliothek mit der der neuesten JavaScript-Versionen kompatibel ist. Allerdings nimmt dieser Vorgang einige Zeit in Anspruch, so dass die Entwickler einen zusätzlichen Aufwand betreiben müssen.

Eckig

Im Vergleich dazu verfügt Angular über eine bessere CLI, die Befehle wie ng_update unterstützt. Dies ermöglicht ein schnelles Upgrade der Apps je nach aktueller Version. Dadurch wird die App-Entwicklung mit den neuesten Upgrades sehr komfortabel. Der Update-Prozess ist in der Plattform und im Framework automatisiert.

Beide Plattformen arbeiten daran, reibungslose Übergänge zwischen verschiedenen Versionen zu ermöglichen. Allerdings hinkt React immer noch hinter Angular hinterher.

React vs. Angular: Dokumentation

Reagieren

Der React-Entwicklungsprozess ist schnell und anspruchsvoll. Aber wie bei den Vorgängerversionen ist die Dokumentation für React sehr wertvoll. Anfänger sollten einen umfassenden Ansatz verfolgen, um an die React-Dokumentation zu gelangen.

Eckig

Das Angular Framework wird ständig aktualisiert. Was die Dokumentation betrifft, ist sie daher ziemlich langsam. Viele Tutorials und Dokumentationen zu Angular sind insbesondere für angehende Entwickler nutzlos. Wenn Sie ein angehender Entwickler sind, sollten Sie diese Tutorials und Dokumentationen meiden.

Wie sieht die Zukunft von React und Angular aus?

Was die Zukunft beider Frameworks angeht, besteht kaum eine Chance, dass beide, etwa bis 2025, aus dem Trend geraten. Seit der Entwicklung hat React einige große Veränderungen im Framework mit sich gebracht. Da Entwickler die Flexibilität erhalten, Feedback zu geben, hat das Framework zu neuen Funktionen, einer verbesserten Syntax und einer Verbesserung der API geführt.

Angular hat im Vergleich dazu im Laufe der Jahre ein deutliches Wachstum verzeichnet. Es wird erwartet, dass die Anzahl der Benutzer mit einem Update zur Veröffentlichung von Angular 8 steigt. Sowohl das Framework als auch die Bibliothek werden jedoch noch lange erhalten bleiben.

React vs. Angular: Welches ist besser?

Es gibt erhebliche Unterschiede zwischen React und Angular. Während Ersteres ein Framework TypeScript ist, handelt es sich bei Letzterem um eine Javascript-Bibliothek. Daher kann die Entscheidung, zwischen beiden zu wählen, oft sehr mühsam sein. Die für die Erstellung der App gewählte Plattform hängt vollständig vom Entwickler ab.

Beide sind für App- und Website-Entwickler äußerst vorteilhaft. Obwohl es eine Reihe von Vorteilen gibt, kann es schwierig sein, sich für einen zu entscheiden.

React wurde von Facebook und Google von Angular eingeführt. React hat viele Suchanfragen, aber auch heute noch bevorzugen die Entwickler die Arbeit mit Angular, weil es viele vorgefertigte Optionen gibt. Im Vergleich dazu ist React leicht zu erlernen. Was die Flexibilität betrifft, scheint React beliebter zu sein als Angular, da die Entwickler problemlos Anwendungen erstellen können.

Was die Bausteine betrifft, gibt es jedoch keinen großen Unterschied zwischen React und Angular. Sowohl Angular als auch React sind in einigen Aspekten besser als einander. Daher ist es etwas schwierig herauszufinden, welches von beiden das beste ist. Beide haben ihre eigenen Vor- und Nachteile.

Es kommt auf die Art der Anwendung an, die Sie entwickeln, und auf die gewünschte Benutzeroberfläche. Die kompetenten Berater können Ihnen sicherlich dabei helfen, die perfekte Plattform zu finden.

Sie wissen nicht, was Sie für den App-Entwicklungsprozess zwischen React und Angular wählen sollen? Nehmen Sie Kontakt mit einem professionellen Entwickler auf. Sie kennen die neuesten Markttrends und können so dabei helfen, die beste Plattform zu finden.

Carmatec als die Top-Unternehmen für die Entwicklung mobiler Apps hält über 15+ Jahre Erfahrung in der Unterstützung von Unternehmen aus nahezu allen Branchen bei der Umsetzung ihrer Projekte App-Entwicklung Initiativen, die ihr ultimatives technisches Know-how und ihre Fachkompetenz nutzen.

Fühlen sich frei Kontaktiere uns für ReactJS-Entwicklung  oder Reagieren Sie auf die native App-Entwicklung. Unsere Experten beraten Sie gerne bei der Umsetzung eines Digital-First-Ansatzes für Ihr Unternehmen und unterstützen Sie bei allen technischen Projekten, die Sie in der Pipeline haben.

Lesen Sie auch : Vorteile einer guten Benutzeroberfläche für die Entwicklung von Unternehmensanwendungen