Latest web development tutorials

réagir Tutorial

Réagir est utilisé pour construire une interface utilisateur JAVASCRIPT bibliothèque.

Réagir principalement pour la construction de l'assurance-chômage, beaucoup de gens pensent React est dans MVC V (vue).

Réagir origine dans le projet interne de Facebook de mettre en place le site Instagram et ouvert mai 2013.

Réagir avec des performances plus élevées, la logique de code est très simple, de plus en plus de gens ont commencé à prêter attention et de l'utiliser.


réagir Caractéristiques

  • 1. Declare conception déclaration -React de paradigme adopté, vous pouvez facilement décrire l'application.

  • 2. -React efficacegrâce à l'analogue de DOM pour minimiser l' interaction avec le DOM.

  • 3. -React flexiblepeut être un bon ajustement avec une bibliothèque ou d'un cadre connu.

  • 4.JSX - JSX est une extension de la syntaxe JavaScript.Réagir développement nécessairement utiliser JSX, mais nous vous recommandons de l'utiliser.

  • 5. Composants - par React construire des composants, ce qui rend le code plus facile à être réutilisés, peuvent être bien utilisés dans le développement de grands projets.

  • 6. Le flux à sens unique des données en réponse à- Réagir à obtenir un flux de données de réponse unidirectionnelle, réduisant ainsi la duplication de code, qui est pourquoi il est plus simple que la liaison de données traditionnelles.


Avant de lire ce tutoriel, vous devez savoir:

Avant React départ, vous devez les bases suivantes:

  • HTML5
  • CSS
  • JavaScript

La première instance Réagir

Dans chaque section, vous pouvez modifier l'instance en ligne, puis cliquez sur le bouton pour afficher les résultats.

Ce tutoriel utilise la version React est 0.14.7, vous pouvez sur le site officiel http://facebook.github.io/react/ télécharger la dernière version.

réagir exemples

<Div id = "example"> </ div>
<Type script = "text / babel">
ReactDOM.render (
<H1> Bonjour, monde! </ H1>,
document.getElementById ( 'exemple')
);
</ Script>

Essayez »