我把本身的经历作了提炼，起草了一个项目：抽丝剥茧的学前端之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日