Einführung in ReactJS

View more Tutorials:

1- Was ist React?

React (oder  ReactJS, React.js ) ist eine Open Source Code Javascript Bibliothek zur Aufbau der wiederverwendbaren Interface-Komponenten. Es wird durch Jordan Walke erstellt – ein Ingenieur in Facebook, der von XHP ( ein Elementplatform HTML für PHP) beeinflusst ist. React wurde zum ersten Mal für die Applikation Newsfeed vom Facebook im Jahr 2011 implementiert, dann für Instagram.com im Jahr 2012. Es wurde in JSConf US im Mai 2013 open-sourced.

Die Source-Code vom  React wird in  GitHub ​​​​​​​geöffnet:
Jetzt interessiert sich die Gemeinschaft an dieser Bibliothek sehr viel. Sie wird durch Facebook und Instagramm mit den großen Beitrag von der guten Programmieren in die Welt unterhaltet (maintain)..
Viele großen Firmen vewendet React für ihre Projekte, zum Beispiel Netflix, Airbnb,.. Unter ist das die Liste der React benutzenden Projekte:

2- Die Frage und die Maßnahme

Im Grunde ist die Aufbau einer Applikation MVC bei der Seite Client mit der gegenseitigen Daten-Bindung sehr einfach. Allerdings wenn das Projekt mit mehr Funktionen erweitert wird, trifft die Unterhaltung des Projekt die Schwierigkeiten und gleichzeitig reduziert die Leistungen.

Sie können diese Frage mit den sonstigen Bibliotheke wie Backbone.js oder Angular.js lösen, aber Sie werden ihre Herausforderungen treffen wenn Ihr Projekt größer geworden ist..

React wurde nach AngularJS geboren. Es wird für die großen Applikationen geboren. Das Hauptzweck von React ist schnell, einfach, hocheffizient und einfach zu erweiten.

3- Warum ist es React?

React wird so populär denn es wird durch Facebook erstellt?
  • Nein, natürlich nein!
So, warum wird React durch viele großen Firmen für ihre Projekte gewählt??

Die Fragen vom Layer View lösen können:

Es löst die Frage vom View Layer in das Modell  MVC (Model-View-Controller).

Bei dem mehr einfachen Schreiben der Kode Javascript mit JSX helfen

Es benutzt JSX (JavaScript Syntax eXtension) . Das ist eine Mischung zwischen Javascript und XML, deshalb ist es sehr einfacher für das Kode-Schreiben und mehr freundlich für die Programmer..

"Komponentisierung" Interface

React erlaubt dem Programmer, die der Teile der Interface entsprechenden Componenten zu erstellen. Diese Componenten können wiederverwendet werden oder mit den anderen Componenten zusammenarbeiten um eine fertige Interface zu erstellen.
Die Idee vom Komponent ist der Schlüssel zur Lösung der Schwierigkeiten wenn das Projekt größer geworden ist. Die Interface wird aus den zusammengesetzten Componenten erstellt. Ein Component kann in vielen Orten im Projekt verwendet werden. So ist es so leicht wenn Sie Ihre eigenen Component nur  managen und reparieren brauchen.
Component ist wirklich die Zukunft von der Web-Applikation-Programmierung und es ist die wichtigste Funktion, die React bringt.

Mit Virtual-DOM die Leistung erhöhen

Wenn die Daten vom Component ändern, sollen React die Interface re-rendern.  Anstelle von der Erstellung der direkten Änderung in dem Modell  DOM vom Browser erstellt es ein virtuelles Modelle DOM ( Virtual DOM). Danach rechnet es den Unterschied zwischen 2 Modelle DOM und aktualisiert den Unterschied nur für DOM vom Browser. Der Zugang bringt die Leistung für die Applikation.

Die oben Illustration zeigt, dass das Modele virtual DOM und das Modell echt DOM den einzigen Unterschied haben. Das ist das Element  <img>.

Mit SEO freundlich sein

Eine der großen Fragen von Javascript Framework ist die Unfreundlichkeit mit den Search Engine. Obwohl es viele Verbesserungen gibt, trifft Search Engine noch viele Herausforderungen beim "Lesen" der viele Javascript enthaltenden Web-Applikationen.
React kann in die Seite Client laufen aber es kann auch in die Seite Server laufen. Deshalb ist die zurückgebenden Daten für den Browser die HTML Text. Es bringt keine Schwierigkeiten für die Search Engine. Deshalb ist es freundlich mit SEO.
UI Testcases leicht schreiben.
React native
React Native wurde 2 Jahren nach React durch Facebook veröffentlicht, das die Architektur React anbietet um die Applikation Native (iOS, Android UWP) zu entwickeln und folgt nach React ,einen Riese in die Sektor von Mobile Applikation Programmierung zu werden.
Die großen Gehirne "unterstützen" React

React wird durch Facebook open-sourced und durch viele guten Programmer in die Welt entwickelt. Deshalb ist die Zukunft vom React auch "sehr guarantiert"

View more Tutorials: