Latest web development tutorials

reagieren Tutorial

Reagieren verwendet wird, eine Benutzeroberfläche JavaScript-Bibliothek zu bauen.

Reagieren vor allem für den Aufbau von UI, denken viele Menschen in MVC V Reagieren ist (Ansicht).

Reagieren in Facebook-internen Projekt entstand einzurichten Instagram-Website und offen Mai 2013.

Reagieren mit höherer Leistung, Code-Logik ist sehr einfach, mehr und mehr Menschen Aufmerksamkeit zu schenken haben begonnen, und es verwenden.


reagieren Eigenschaften

  • 1. Deklarieren Design -React Erklärung angenommen Paradigma, können Sie leicht die Anwendung beschreiben.

  • 2. Effiziente -React durch die DOM analoge Interaktion mit dem DOM zu minimieren.

  • 3. Flexible -React kann eine gute Passform mit bekannten Bibliothek oder Rahmen sein.

  • 4.JSX - JSX ist eine Erweiterung der JavaScript - Syntax.Reagieren Entwicklung notwendigerweise JSX verwenden, aber wir empfehlen, es zu benutzen.

  • 5. Komponenten - von Komponenten reagieren zu bauen, so dass der Code leichter wiederverwendet werden, können auch in der Entwicklung von großen Projekten verwendet werden.

  • 6. Die Einweg Datenfluß in Reaktion auf - reagieren , um eine uni-direktionale Antwortdatenstrom zu erzielen, wodurch die Duplizierung von Code reduzieren, weshalb es einfacher ist als herkömmliche Datenbindung.


Bevor dieses Tutorial lesen, müssen Sie wissen:

Vor dem Starten der Reaktion, müssen Sie die folgenden Grundlagen:

  • HTML5
  • CSS
  • JavaScript

Die erste Instanz Reagieren

In jedem Abschnitt können Sie die Online-Instanz, zu bearbeiten und dann auf die Schaltfläche, um die Ergebnisse anzuzeigen.

Dieses Tutorial verwendet Version Reagieren ist 0.14.7, Sie auf der offiziellen Website können http://facebook.github.io/react/ die neueste Version herunterladen.

reagieren Beispiele

<Div id = "example"> </ div>
<Script type = "text / babel">
ReactDOM.render (
<H1> Hallo, Welt! </ H1>,
document.getElementById ( 'Beispiel')
);
</ Script>

Versuchen »