1. 程式人生 > >[開源推薦]Facebook開源的JavaScript庫:React 【輕量級app開發】

[開源推薦]Facebook開源的JavaScript庫:React 【輕量級app開發】

React是Facebook開源的JavaScript庫,用於構建UI。你可以在React裡傳遞多種型別的引數,如宣告程式碼,幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用元件。(文字來自JS開發者微博)


特點:

  • 宣告式設計:React採用聲明範式,你可以輕鬆描述你的應用
  • 高效:Reeact通過對DOM的模擬表現,最大限度地較少與DOM的互動。
  • 靈活:React可以與你所知道的庫或框架很好地工作。

示例

一個簡單的元件

下面這段程式碼將會在在頁面容器中呈現出“Hello John”:

  1. /** @jsx React.DOM */  
  2. var HelloMessage = 
    React.createClass({   
  3.  render: function() {     
  4.  return <div>{'Hello ' + this.props.name}</div>;   
  5.  }});   
  6. React.renderComponent(<HelloMessagename="John"/>, mountNode);  
該例使用一個類似XML語法的JSX來構建元件,實現一個render()方法,並且根據輸入的資料返回相應的結果。輸入的資料作為XML屬性傳遞給元件,render()方法通過this.props訪問這些輸入的資料。更多示例與教程,大家可以訪問官網教程:
http://facebook.github.io/react/docs/tutorial.html