Latest web development tutorials

reagire Tutorial

Reagire è usato per costruire una interfaccia utente libreria javascript.

Reagire soprattutto per la costruzione di UI, molte persone pensano React è in MVC V (vista).

Reagire origine nel progetto interno di Facebook di creare sito web Instagram e aperto maggio 2013.

Reagire con prestazioni più elevate, la logica del codice è molto semplice, sempre più persone hanno iniziato a prestare attenzione e utilizzarlo.


reagire Caratteristiche

  • 1. dichiarare disegno dichiarazione -React paradigma adottato, si può facilmente descrivere l'applicazione.

  • 2. -React efficienteattraverso l'analogico DOM per ridurre al minimo l'interazione con il DOM.

  • 3. flessibile -React può essere una buona misura con biblioteca nota o quadro.

  • 4.JSX - JSX è un'estensione della sintassi JavaScript.Reagire sviluppo necessariamente utilizzando JSX, ma si consiglia di utilizzare esso.

  • 5. Componenti - da React costruire i componenti, rendendo il codice più essere riutilizzato, può essere ben utilizzati nello sviluppo di grandi progetti.

  • 6. Il flusso unidirezionale di dati in risposta a - Reagire per ottenere un flusso di dati di risposta unidirezionale, riducendo in tal modo la duplicazione di codice, è per questo che è più semplice di associazione dati tradizionali.


Prima di leggere questo tutorial, è necessario sapere:

Prima di iniziare reagire, sono necessari i seguenti principi fondamentali:

  • HTML5
  • CSS
  • JavaScript

La prima istanza React

In ogni sezione, è possibile modificare l'istanza on-line, e quindi fare clic sul pulsante per visualizzare i risultati.

Questo tutorial utilizza Reagire versione è 0.14.7, è possibile sul sito ufficiale http://facebook.github.io/react/ scaricare l'ultima versione.

reagire esempi

<Div id = "example"> </ div>
<Tipo di script = "text / babel">
ReactDOM.render (
<H1> Ciao, mondo! </ H1>,
document.getElementById ( 'esempio')
);
</ Script>

Prova »