這篇文章主要介紹了ReactJS的Hello world程序編寫及其相關(guān)知識,React是Facebook開發(fā)并開源的JS框架,人氣在當(dāng)下急劇攀升,需要的朋友可以參考下

　　這篇文章提供了代碼實(shí)例和在React.js(一個(gè)Facebook工程師開發(fā)的被用于構(gòu)建用戶界面的Javascript庫)中高水平的概念.這些概念會被詳細(xì)的發(fā)表在下面的文章里.在此，我必須提示如果你是一名ReactJS專家并且感覺這些代碼需要改善，請您把建議寫信給我，我會及時(shí)適當(dāng)?shù)母逻@篇文章/代碼.

　　在我繼續(xù)發(fā)表一些代碼實(shí)例之前，我必須特別的提出：初學(xué)ReactJS會有一點(diǎn)困難，因?yàn)樽罱乙恢痹贏ngularJS上寫代碼.到現(xiàn)在為止，我需要承認(rèn)他們之間在幫助我們做UI工作時(shí)有很大的不同.我將發(fā)表另一篇博文對比他們之間的主要差異.

　　然而，在較高的水平上，下面是一些原因關(guān)于我為何在學(xué)習(xí) ReactJS 時(shí)使用了略有些“陡峭”的學(xué)習(xí)路線：

　　面向組件的：ReactJS是面向組件的，也就意味著，需要你將UI元素看作是組件。有趣的是，組件是可組合的。這意味著一個(gè)組件可以具有一個(gè)或多個(gè)內(nèi)部組件。下面的代碼演示了這一點(diǎn)

　　JSX Syntax：它使用了一個(gè)有趣的JSX(XML式的)語法來編寫代碼。JSX轉(zhuǎn)換器(一個(gè)預(yù)編譯器)用來將這種語法結(jié)構(gòu)轉(zhuǎn)換為明顯的JavaScript

　　事件代理模型：它遵循了事件委托模型，用以捕獲事件

　　下面是一些顯示在代碼中的關(guān)鍵概念：

　　組件

　　事件代理

　　JSX 語法

　　以下是組件已實(shí)現(xiàn)內(nèi)容的簡要描述

　　- 輸入框元素，用戶可輸入其用戶名。在下面的文章中會提到，這個(gè)輸入框?qū)嶋H是“UserName”組件