本人計劃編寫一個針對中初級前端開發者學習 React 的系列教程 - 《玩轉 React》。
文章更新頻率:每週 1 ~ 2 篇。
目錄
- 玩轉 React(一)- 前言
- 玩轉 React(二)- 新型前端開發方式
- 玩轉 React(三)- JavaScript程式碼裡寫HTML一樣可以很優雅
- 玩轉 React(四)- 創造一個新的 HTML 標籤
- 玩轉 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
PS:本系列的所有文章將在 segmentfault 和 掘金同步釋出。
本作品保留所有權利。未獲得許可人許可前,不允許他人複製、發行、展覽和表演作品。不允許他人基於該作品創作演繹作品 。