我把自己的经历做了提炼,起草了一个项目:抽丝剥茧的学前端之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日

相关推荐