我把自己的經歷做了提煉,起草了一個項目:抽絲剝繭的學前端之React篇

三四句話總結全文

我今天終於可以自信地說我React入門了!
我把這幾個月學會的知識點總結在了一個項目裏,我將它命名爲:抽絲剝繭的學前端之React篇
github倉庫地址是:
[https://github.com/Bedivere-Sun/write_react_project_from_scratch][1]
歡迎各位前輩前來指正我理解上的問題,以免誤導他人。也希望能夠幫助到和我一樣愛鑽牛角尖的朋友,減少他們的痛苦。

 囉嗦的正文

大家好,
這是我來segmentFault以來第一次鼓起勇氣發表自己的原創文章,而且也是第一次推薦自己起草的項目:抽絲剝繭的學前端之React篇。希望多少能夠幫助到和我一樣或相似在React入門的道路上還在受苦的朋友們。

本項目的目的

  1. 文檔不能直觀的把知識都展現出來,因此我將代碼和文檔都放進來,比照學習
  2. 通過版本迭代的方式將React儘可能做到理解透徹,最終形成一個沒有迷霧的知識庫
  3. 每個大的版本更新都將此前的舊版本打包,以此形成“階段性的章節”,以免讓新人一下接觸太多導致混亂
  4. 爲每一個代碼文件做註釋,詳細說明爲什麼這麼寫,這是什麼原理,以及我自己學習過程中對這塊內容的理解

第一版的主要知識點

  1. 介紹webpack的配置方法
  2. 告訴你爲什麼要用這些模塊,怎麼用
  3. 介紹babel的一些基本內容
  4. 介紹html-webpack-plugin的內容,具體寫法,所有選型的意義
  5. 簡歷了一個簡單的頁面,學會通過引入資源的方式將其內容展示出來

心歷路程

我今年10月報名學習騰訊的React課程,但是一直處於懵8的狀況。月中開始到11月以來我基本都是有如沒頭蒼蠅一般四處碰壁。我和學習羣裏的一些同學還吵過架,原因很簡單,我提出一個問題,總會有人說“你沒有前端基礎,應該看看基礎的內容”……我吵回去的理由也很簡單很傻:“你說我沒基礎,那你倒是說說我到底哪裏沒基礎啊,前端基礎那麼多的領域,我應該看哪個部分的基礎啊?”這個問題困擾了我半個多月。

後來學習羣裏有幾位前輩給我推薦了一些書,還有的前輩真的認真傾聽了我的問題,指出我要學習什麼基礎知識。

11月開始,我列了一個todo list,畫了張思維導圖,基本上學習計劃就非常清晰了。於是開始了各種請教,然後開始猛啃官方文檔全文。中英文文檔其實還是有很多差距的,一些單詞翻譯不出來,還有的部分乾脆直接被省略了……所以我就只好對照着看,然後還是在羣裏和各位前輩們鑽牛角尖……可以說我11月積累了很多知識,我把這些知識點都收集了起來,然後再根據自己讀文檔的印象……我突然就覺得自己明白了很多,寫簡單的項目也沒有什麼疑慮了。

然後到了12月8號,我起草了這個項目,把自己學到的知識點做了一個提煉,希望能夠幫助到和我一樣曾經感到迷茫的小夥伴們。

2018年12月19日

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章