Latest web development tutorials

reagir Tutorial

Reagir é usado para construir uma interface de usuário biblioteca JavaScript.

Reagem principalmente para a construção de UI, muitas pessoas pensam que reagem está em MVC V (vista).

Reagir originou no projeto interno do Facebook para configurar o site Instagram e aberto em Maio de 2013.

Reagem com maior desempenho, a lógica de código é muito simples, mais e mais pessoas começaram a prestar atenção e usá-lo.


reagir Características

  • 1. Declarar Design Declaração -React paradigma adotado, você pode facilmente descrever a aplicação.

  • 2. -React eficienteatravés do analógico DOM para minimizar a interação com o DOM.

  • 3. Flexível -React pode ser um bom ajuste com a biblioteca ou estrutura conhecida.

  • 4.JSX - JSX é uma extensão da sintaxe JavaScript.Reagir desenvolvimento necessariamente usando JSX, mas recomendamos usá-lo.

  • 5. Componentes - por Reagir construir componentes, tornando o código mais fácil de ser reutilizado, pode ser bem utilizados no desenvolvimento de grandes projetos.

  • 6. O fluxo unidirecional de dados em resposta a - Reagir para alcançar um fluxo de dados de resposta uni-direcional, reduzindo assim a duplicação de código, que é por isso que é mais simples do que a ligação de dados tradicionais.


Antes de ler este tutorial, você precisa saber:

Antes de iniciar Reagir, são necessários os seguintes princípios:

  • HTML5
  • CSS
  • JavaScript

A primeira instância Reagir

Em cada seção, você pode editar a instância on-line, em seguida, clique no botão para ver os resultados.

Este tutorial usa Reagir versão é 0.14.7, você pode pelo site oficial http://facebook.github.io/react/ baixar a versão mais recente.

reagir exemplos

<Div id = "exemplo"> </ div>
<Script type = "text / babel">
ReactDOM.render (
<H1> Olá, mundo! </ H1>,
document.getElementById ( 'exemplo')
);
</ Script>

tente »