玩轉 React（一）- 前言

本人計劃編寫一個針對中初級前端開發者學習 React 的系列教程 - 《玩轉 React》。

文章更新頻率：每週 1 ~ 2 篇。

目錄

• 玩轉 React（一）- 前言
• 玩轉 React（二）- 新型前端開發方式
• 玩轉 React（三）- JavaScript代碼裏寫HTML同樣能夠很優雅
• 玩轉 React（四）- 創造一個新的 HTML 標籤
• 玩轉 React（五）- 組件的內部狀態和生命週期
• 玩轉 React（六）- 處理事件
• 玩轉 React（七）- 組件之間的數據共享
• 持續更新中...

爲何是針對初級前端開發者

經驗豐富的程序員，學習新框架是不會看這種文章的。講實話，最高效、最權威的仍是官方文檔。若是你以爲你是高級程序員，對新框架的理解力強，英文水平也還不錯，那到此爲止，這裏：React官方文檔

因此，爲了讓個人輸出對更多的人有所幫助，本系列的內容會講得儘可能淺顯易懂，甚至有時候會讓你以爲有些囉嗦。

另外本系列的文章默認全部的讀者熟悉 JavaScript、HTML、CSS，且本系列的全部實例中的JS代碼使用 ES6 的語法進行編寫。使用 ES6 的緣由：

• 是新的語言規範
• 開發效率更高
• 代碼更優雅，尤爲是基於 React 開發的項目。

爲何要開始寫文章

由於歷來沒有嘗試過把我本身會的知識系統地經過文字講出來，我想嘗試一下。本來覺得這是一件很簡單的事情，但後來發現，很難。並且越是本身熟練的東西，越以爲不知道該怎麼講，不知道該怎麼教會別人，對於本身熟悉的知識，總感受三言兩語就說完了，沒什麼好說的，其實否則。能寫出教的會別人的文字，是一種能力，須要鍛鍊。

另外，有這樣一個任務可讓我從新梳理本身的知識，注意到每個細節，因此教別人也是在提高本身。

爲何選擇這個主題

我從 2015 年開始在項目中使用 React，首先我本身特別喜歡 React，不只可以提高開發效率，提升產品的性能，並且能明顯提高開發體驗，這一點很重要，做爲程序員，也要多爲本身想一想，愉快地寫代碼確實是一件美好的事情。我不喜歡的東西，硬要去講，講很差不說，對本身也是一種折磨。

其次 React 也是目前特別流行的一個前端框架，截止目前，Github 上有將近 8 萬 star，國內一二線互聯網公司都有深度依賴 React 開發的項目。

另外，據我瞭解不少同窗都有學習 React 的打算，並且多數人反映 React 有必定的學習門檻，學習曲線比較陡峭。

簡言之，React很棒，我很喜歡，我想你也擁有它，並且我想把它講得很簡單，讓你輕鬆玩轉，我知道頗有挑戰，可是我想嘗試一下。

內容的深度和目標

上面有說到，我想把 React 講簡單，讓你們輕鬆玩轉，因此請不要期望內容適合高級玩家。若是你在閱讀的時候發現：「咦，這裏還有另一種方式你沒說」，沒錯，我是故意的，當作一件事情有多種方式的時候，我只會將我認爲最好的一種方式告訴你們，我以爲這就夠了，其它的方式，之後你天然就知道了。

簡言之，認真閱讀本專欄以後，關於 React，雖然有些細節你還不瞭解，但已經足夠你在項目中用得很溜了。

若是我寫的文章能獲得你們的承認，我會在後續系列中跟你們探討更深刻的內容。

最後

小弟是第一次嘗試寫技術教程，若是能堅持下來須要花費很多的業餘時間，寫的很差但願你們多提意見，我會依據您的意見持續優化。

在此先謝過各位，望你們多多鼓勵。

微信交流羣

文字的表現範圍畢竟有限，爲了方便你們交流，我建了一個微信羣，對 React 感興趣的同窗能夠進羣一塊兒交流、學習，因爲微信羣邀請的時間限制，你們能夠先掃描下面二維碼，加我好友，我拉你們進羣：

個人微信：leobaba88