相信點進來的同學大都開始接觸并在努力學習react中，下面我會結合ant design––基于react實現(xiàn)的一套組件，
開發(fā)和服務于企業(yè)級后臺產品
和大家分享一下我的學習歷程。
react篇
首先，關于react是什么，我相信大家都有了解過，我不再贅言。還有構建react的開發(fā)環(huán)境有許多種，看個人選擇，npm是網(wǎng)速較快的，yarn的啟動速度很快。具體構建方法可以去react官網(wǎng)查看。
(ps:英語能力不太好的同學建議用谷歌瀏覽器自帶的翻譯去打開官網(wǎng))
我分三點簡單描述一下react入門知識。
react基本語法
react語法是用jsx語法寫構而成的，我們都知道js語法，而這jsx語法則融合了html文本語言和JavaScript語法構造出的一種新的語法:
var names = ['Alice', 'Emily', 'Kate'];
ReactDOM.render(
{
names.map(function (name) {
return
<div>Hello, {name}!</div>
})
}
,
document.getElementById('example')
);
打開始我是不怎么看得慣的，語法是語法，標簽是標簽，兩者混在一起多難看。當適應了幾天后，我只好默認了它方便的寫法和不錯的可讀性。對于我來說，越簡潔越方便的語法一直是我的追求。
注意：因為 React 獨有的 JSX 語法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type="text/babel"
ReactDOM.render
在上方代碼最后一段中有ReactDOM.render這幾個詞。render的意思是渲染，那么上面那幾句代碼的意思就是:請幫我把ReactDOM內的<div>內容渲染到標簽ID為"example"上。這樣就可以把數(shù)據(jù)傳輸?shù)絟tml里的真實DOM上面。
ReactDOM.render是react里面最重要的基礎。
組件(component)
組件化是react的一個重要特性， 它允許你把寫好的代碼封裝成一個個代碼塊，然后在主體index.js內調用，像標簽一樣插入html內使用，最后組成你最終想要的web效果。
一般來說私用的組件想要變成通用的組件難度不是一般的小。不過ant design開源的組件都是通用的，對于初學者來說，一個現(xiàn)成的框架能使學習的效率快很多，因為框架會告訴你如何構建整個應用。
新人學習react建議用ant design開刀，因為它有非常豐富的組件實例，可以讓大家慢慢去熟悉調用組件的方法。若想更清楚react調用過程，可以去ant design官網(wǎng)直接看源碼來學習。不過難度不小。
添加組件屬性，有一個地方需要注意，就是 class 屬性需要寫成 className ，for 屬性需要寫成 htmlFor ，這是因為 class 和 for 是 JavaScript 的保留字。
還有就是，在編寫自己的組件的時候，組件的名字開頭一定大寫，不然編譯環(huán)境會報錯，而且比較難查找出原因。
新人學習使用ant design需要這么幾個流程:調用組件–＞拼裝組件–＞改寫組件，最后一步需要深入學習react后才能自由改寫他人使用的組件。
以上，是我學習react一周以來個人的總結。上方部分例子用的是阮一峰的React 入門實例教程
