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

來源:互聯網
上載者:User

React是Facebook開源的JavaScript庫,用於構建UI。你可以在React裡傳遞多種類型的參數,如聲明代碼,協助你渲染出UI、也可以是靜態HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用組件。(文字來自JS開發人員微博)


特點:

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

樣本

一個簡單的組件

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

[xml]  view plain copy /** @jsx React.DOM */   var HelloMessage = React.createClass({     render: function() {       return <div>{'Hello ' + this.props.name}</div>;     }});    React.renderComponent(<HelloMessage name="John" />, mountNode);   該例使用一個類似XML文法的JSX來構建組件,實現一個render()方法,並且根據輸入的資料返回相應的結果。輸入的資料作為XML屬性傳遞給組件,render()方法通過this.props訪問這些輸入的資料。

更多樣本與教程,大家可以訪問官網教程: http://facebook.github.io/react/docs/tutorial.html

官網首頁:http://facebook.github.io/react/index.html

下載地址: http://facebook.github.io/react/downloads.html

GitHub地址: https://github.com/facebook/react

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.