乐趣区

我把自己的经历做了提炼,起草了一个项目:抽丝剥茧的学前端之React篇

三四句话总结全文
我今天终于可以自信地说我 React 入门了!
我把这几个月学会的知识点总结在了一个项目里,我将它命名为:抽丝剥茧的学前端之 React 篇
github 仓库地址是:
[https://github.com/Bedivere-Sun/write_react_project_from_scratch][1]
欢迎各位前辈前来指正我理解上的问题,以免误导他人。也希望能够帮助到和我一样爱钻牛角尖的朋友,减少他们的痛苦。
啰嗦的正文
大家好,这是我来 segmentFault 以来第一次鼓起勇气发表自己的原创文章,而且也是第一次推荐自己起草的项目:抽丝剥茧的学前端之 React 篇。希望多少能够帮助到和我一样或相似在 React 入门的道路上还在受苦的朋友们。
仓库地址
https://github.com/Bedivere-S…
本项目的目的

文档不能直观的把知识都展现出来,因此我将代码和文档都放进来,比照学习
通过版本迭代的方式将 React 尽可能做到理解透彻,最终形成一个没有迷雾的知识库
每个大的版本更新都将此前的旧版本打包,以此形成“阶段性的章节”,以免让新人一下接触太多导致混乱
为每一个代码文件做注释,详细说明为什么这么写,这是什么原理,以及我自己学习过程中对这块内容的理解

第一版的主要知识点

介绍 webpack 的配置方法
告诉你为什么要用这些模块,怎么用
介绍 babel 的一些基本内容
介绍 html-webpack-plugin 的内容,具体写法,所有选型的意义
简历了一个简单的页面,学会通过引入资源的方式将其内容展示出来

心历路程
我今年 10 月报名学习腾讯的 React 课程,但是一直处于懵 8 的状况。月中开始到 11 月以来我基本都是有如没头苍蝇一般四处碰壁。我和学习群里的一些同学还吵过架,原因很简单,我提出一个问题,总会有人说“你没有前端基础,应该看看基础的内容”……我吵回去的理由也很简单很傻:“你说我没基础,那你倒是说说我到底哪里没基础啊,前端基础那么多的领域,我应该看哪个部分的基础啊?”这个问题困扰了我半个多月。
后来学习群里有几位前辈给我推荐了一些书,还有的前辈真的认真倾听了我的问题,指出我要学习什么基础知识。
11 月开始,我列了一个 todo list,画了张思维导图,基本上学习计划就非常清晰了。于是开始了各种请教,然后开始猛啃官方文档全文。中英文文档其实还是有很多差距的,一些单词翻译不出来,还有的部分干脆直接被省略了……所以我就只好对照着看,然后还是在群里和各位前辈们钻牛角尖……可以说我 11 月积累了很多知识,我把这些知识点都收集了起来,然后再根据自己读文档的印象……我突然就觉得自己明白了很多,写简单的项目也没有什么疑虑了。
然后到了 12 月 8 号,我起草了这个项目,把自己学到的知识点做了一个提炼,希望能够帮助到和我一样曾经感到迷茫的小伙伴们。
2018 年 12 月 19 日

退出移动版