我把本身的經歷作了提煉，起草了一個項目：抽絲剝繭的學前端之React篇

三四句話總結全文

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

　囉嗦的正文

你們好，
這是我來segmentFault以來第一次鼓起勇氣發表本身的原創文章，並且也是第一次推薦本身起草的項目：抽絲剝繭的學前端之React篇。但願多少可以幫助到和我同樣或類似在React入門的道路上還在受苦的朋友們。

倉庫地址

https://github.com/Bedivere-S...

本項目的目的

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日