React前端入門學習

React 起源於 Facebook 的內部項目，由於該公司對市場上全部 JavaScript MVC 框架，都不滿意，就決定本身寫一套，用來架設Instagram 的網站。作出來之後，發現這套東西很好用，就在2013年5月開源了。

因爲 React的設計思想極其獨特，屬於革命性創新，性能出衆，代碼邏輯卻很是簡單。因此，愈來愈多的人開始關注和使用，認爲它多是未來 Web 開發的主流工具。

這個項目自己也越滾越大，從最先的UI引擎變成了一整套先後端通吃的 Web App 解決方案。衍生的 React Native 項目，目標更是宏偉，但願用寫 Web App 的方式去寫 Native App。若是可以實現，整個互聯網行業都會被顛覆，由於同一組人只須要寫一次 UI ，就能同時運行在服務器、瀏覽器和手機。

React主要用於構建UI。你能夠在React裏傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也能夠是靜態的HTML DOM元素、也能夠傳遞動態變量、甚至是可交互的應用組件。

特色：

1.聲明式設計：React採用聲明範式，能夠輕鬆描述應用。

2.高效：React經過對DOM的模擬，最大限度地減小與DOM的交互。

3.靈活：React能夠與已知的庫或框架很好地配合。

示例

下面這段代碼將會在在頁面容器中呈現出「Hello Tom」：

[xml]view plaincopy

1. /**@jsxReact.DOM*/
2. varHelloMsg=React.createClass({
3. render:function(){
4. return<div>{'Hello'+this.props.name}</div>;
5. }});
6. React.renderComponent(<HelloMsg name="Tom"/>,mountNode);

該例使用一個相似XML語法的JSX來構建組件，實現一個render()方法，而且根據輸入的數據返回相應的結果。輸入的數據做爲XML屬性傳遞給組件，render()方法經過this.props訪問這些輸入的數據。

關於React詳細內容：

React前端開發入門與實戰

（課程主要講解React的基礎使用技巧及實戰案例。）

講師介紹：

何一鳴，花名承玉，2010年碩士畢業後加入淘寶，期間負責前端框架 KISSY 以及一些基礎類庫的開發和維護，2014 年末轉入螞蟻金服終端技術組，構建基於 React 的全新前端架構: 包括服務於中後臺的 antd，服務於無線業務的 antd-mobile，應用架構 roof/dva，構建工具 atool-build 等。目前正和小組成員一塊兒維護優化現有架構以及研發服務於更大範圍開發者的支付寶小程序。

課程目標

• 掌握前端框架React開發技術

適合人羣

• 前端開發者

更多精品課程：

7天玩轉雲服務器

雲數據庫Redis版使用教程

玩轉雲存儲對象存儲OSS使用入門

阿里雲CDN使用教程

負載均衡入門與產品使用指南

阿里雲大學官網（阿里雲大學 - 官方網站，雲生態下的創新人才工場）