ReactJS - Übersicht

ReactJS ist eine JavaScript-Bibliothek, die zum Erstellen wiederverwendbarer UI-Komponenten verwendet wird. Laut der offiziellen Dokumentation von React lautet die folgende Definition:

React ist eine Bibliothek zum Erstellen zusammensetzbarer Benutzeroberflächen. Es wird die Erstellung wiederverwendbarer UI-Komponenten gefördert, die Daten darstellen, die sich im Laufe der Zeit ändern. Viele Leute verwenden React als V in MVC. React abstrahiert das DOM von Ihnen weg und bietet ein einfacheres Programmiermodell und eine bessere Leistung. React kann auch mit Node auf dem Server gerendert und native Apps mit React Native betrieben werden. React implementiert einen reaktiven Einweg-Datenfluss, der die Boilerplate reduziert und einfacher zu überlegen ist als die herkömmliche Datenbindung.

Funktionen reagieren

  • JSX- JSX ist eine JavaScript-Syntaxerweiterung. Es ist nicht erforderlich, JSX in der React-Entwicklung zu verwenden, es wird jedoch empfohlen.

  • Components- Bei React dreht sich alles um Komponenten. Sie müssen alles als Komponente betrachten. Auf diese Weise können Sie den Code beibehalten, wenn Sie an größeren Projekten arbeiten.

  • Unidirectional data flow and Flux- React implementiert einen Einweg-Datenfluss, der es einfach macht, über Ihre App nachzudenken. Flux ist ein Muster, mit dem Sie Ihre Daten unidirektional halten können.

  • License - React ist unter Facebook Inc. lizenziert. Die Dokumentation ist unter CC BY 4.0 lizenziert.

Vorteile reagieren

  • Verwendet das virtuelle DOM, bei dem es sich um ein JavaScript-Objekt handelt. Dies verbessert die Leistung von Apps, da das virtuelle JavaScript-DOM schneller als das reguläre DOM ist.

  • Kann auf Client- und Serverseite sowie mit anderen Frameworks verwendet werden.

  • Komponenten- und Datenmuster verbessern die Lesbarkeit, wodurch größere Apps verwaltet werden können.

Reaktionsbeschränkungen

  • Deckt nur die Ansichtsebene der App ab, daher müssen Sie noch andere Technologien auswählen, um ein vollständiges Toolset für die Entwicklung zu erhalten.

  • Verwendet Inline-Vorlagen und JSX, was einigen Entwicklern möglicherweise unangenehm erscheint.