前言
把自己学习新东西的路径记录下来,包括学习资源的查找和学习过程的思考,相信这些是比学习内容本身更重要的东西,供初学者参考,当然,非常欢迎给我提出学习意见!
step1 大牛的入门博客
资源
一直很喜欢阮一峰老师写的东西,总能把知识讲的通俗易懂,极适合入门,
React 入门实例教程
工具
工欲善其事,必先利其器:
我使用的是sublime编辑器,加入了有关react的插件:sublime-react
利用sublime可以轻松的进行语言切换,相信你很容易就能搜到sublime如何利用快捷键设置语言
一些demo的相关理解
demo 十
辅助生命周期理解的图:
demo 十一
promise的讲解:
Promise对象
demo 十三
按照README.md跑demo
重点关注src目录下的三个文件
server.js
在3000端口跑起了这个demo的服务, 头部以node的方式引入所需的模块, 服务器使实例中确定了相关路由下的操作,创建了DOM节点,
给组件App传递了参数,并调用bundle。
app.js
头部导入导出模块,快快引用机制:Module
编写了组件
browser.js
插入DOM节点,渲染组件
step2 以兴趣为导向
来点灵感
编程是一件很有意思的事情,可以为自己量身定制小工具,玩转各种小功能。
你是否有自己迫不及待想要实现的东西呢?
我的想法
分享一下我的吧,目前在找工作,投简历,我需要一个简历状态纪录器来帮我整理简历状态。
我还需要有简历状态变更管理,已投递的简历分为网申和内推两种,其中内推简历根据公司规定有内推后不可网申的标示,已投递的简历每个简历都有自己的状态:投递、初筛、笔试、初试、复试、HR面试、offer
功能加强,加入图示,为了直观,我想把已投递公司的状态以图的形式展现出来。
以我现有的初学水平,我简单实现了这个纪录器的基本模型,
记录问题
吭哧吭哧实现了简陋的第1、2个需求,
把实现代码放到了git上,我会把这个小东西不断完善,感兴趣的可以查看代码,欢迎star并watching,跟踪这个小应用的实现过程,重点关注我每次push都实现了什么,而不用太过仔细的看代码,因为毕竟我是初学者,细节之处有很多漏洞,我会把注释写的很清楚,方便大家阅读代码。实现过程中总会遇到各种问题,每次push在README中写清楚了我的进展、问题和解决。如果你对这个应用感兴趣,欢迎加入我,我们一起成长!
初学规划
要知道这是学习一门技术从零到一的过程,是比较困难的,会感觉自己的代码糟糕,进展慢,所有大牛都是一步步走过来的,我已经可以用这门新的技术解决实际问题了,很期待更多的了解这门技术,看看熟悉之后他能如何改进我的实现流程。
我不想闭门造车,想多看看这些功能,别人是怎么实现的。专业的写法是怎样的,首先我想到了官网,于是我准备做一遍官网的demo,看看这些demo我有哪些可取之处。
step3 官方文档
我选择了中文文档,看官网的demo,动手敲一边,同时,完善我的小应用,需要时写博客
博文说明
React为一系列文章,我会坚持更新,持续记录成长