Das beliebteste js MVC-Framework – React

Warum reagieren?

React ist eine von Facebook entwickelte JS-Bibliothek. Warum hat Facebook React entwickelt? Für welche Probleme wurde es hauptsächlich entwickelt und wie wurde es gelöst?

Ausgehend von diesen Fragen habe ich im Internet gesucht und diese Erklärung gefunden.

Facebook ist der Ansicht, dass MVC seine Erweiterungsanforderungen nicht erfüllen kann, da MVC jedes Mal, wenn eine neue Funktion oder Funktion hinzugefügt werden muss, sehr komplex wird wuchs exponentiell, was dazu führte, dass der Code spröde und unvorhersehbar wurde und ihre MVC infolgedessen auseinanderfiel. Es wird davon ausgegangen, dass MVC nicht für große Anwendungen geeignet ist. Wenn das System viele Modelle und entsprechende Ansichten enthält, wird seine Komplexität schnell zunehmen und es wird sehr schwierig sein, es zu verstehen und zu debuggen, insbesondere den möglichen bidirektionalen Datenfluss zwischen Modellen und Ansichten.

Um dieses Problem zu lösen, muss „der Code auf irgendeine Weise organisiert werden, um ihn vorhersehbarer zu machen“, was mit Flux und React geschehen ist, die sie (Facebook) entwickelt haben.

Flux ist eine Systemarchitektur, die zur Förderung des unidirektionalen Datenflusses in Anwendungen verwendet wird. React ist ein JavaScript-Framework zum Erstellen „vorhersehbarer“ und „deklarativer“ Web-Benutzeroberflächen. Es hat es Facebook ermöglicht, Webanwendungen schneller zu entwickeln.

React ist derzeit das beliebteste js-MVC-Framework Erinnern Sie sich übrigens an die Grundkenntnisse von React. Neue Front-End-Neulinge können Ihnen weiterhin beibringen, wie Sie React verwenden, um ein komplettes Projekt von Grund auf zu entwickeln, und ich werde auch Webpack, Node usw. einbeziehen wird jeden Tag aktualisiert. Diese Reihe von React-Blogs deckt alle aktuellen Wissenspunkte von React ab:

1. React-Grundlagen
1 2.Komponenten reagieren, verstehen, was Komponentisierung ist
3.Komponentenverschachtelung reagieren
4.In JSX integrierte Ausdrücke
5. Reagieren Sie auf den Lebenszyklus

1. State-Attribut, steuert alles in React
2. Props-Attribut
3. Zwei-Wege-Bindung von Ereignissen und Daten, einschließlich Parameterübertragung zwischen übergeordneten und untergeordneten Seiten
4 Komponenten machen die React-Entwicklung wirklich schnell. Effiziente Orte
5. Referenzen von Komponenten

3. Inline-Stil

2 Verknüpfte Stile 3. CSS-Modularisierung, lernen Sie die Verwendung von „require“ für Stilreferenzen 4. Interkonvertierung zwischen JSX-Stilen und CSS
5. Ein sehr einfach zu verwendendes Stil-Framework Einführung in das Ant Desgin-Stil-Framework
6. Verwendung des Ant Desgin-Stil-Frameworks


4. React Router

Router-Konzept Router-Parameterübergabe

react Development:

Facebook hat seine eigene interne Website Instagram entwickelt, ein JavaScript-MVC-Framework, das von seinem eigenen Team entwickelt und im Mai 2013 als Open Source bereitgestellt wurde.

React wird hauptsächlich zum Erstellen der Benutzeroberfläche, zum Rendern der Benutzeroberfläche und zum Erstellen interaktiver Anwendungskomponenten verwendet. Später wurde React Native veröffentlicht und ersetzte die native Entwicklung durch Webapp , an mehreren Orten ausführen.

Das obige ist der detaillierte Inhalt vonDas beliebteste js MVC-Framework – React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!