React<一>初接触

前言

把自己学习新东西的路径记录下来，包括学习资源的查找和学习过程的思考，相信这些是比学习内容本身更重要的东西，供初学者参考，当然，非常欢迎给我提出学习意见！

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 以兴趣为导向

来点灵感

编程是一件很有意思的事情，可以为自己量身定制小工具，玩转各种小功能。
你是否有自己迫不及待想要实现的东西呢？

我的想法

分享一下我的吧，目前在找工作，投简历，我需要一个简历状态纪录器来帮我整理简历状态。

1. 我需要一个公司箩筐，我可以向里面添加和删除我想申请的公司，箩筐里的公司有四种状态：未投递、已投递、投递失败、成功

2. 我还需要有简历状态变更管理，已投递的简历分为网申和内推两种，其中内推简历根据公司规定有内推后不可网申的标示，已投递的简历每个简历都有自己的状态：投递、初筛、笔试、初试、复试、HR面试、offer

3. 我还需要查询功能：在箩筐中可以通过搜索状态查找公司，在进度表里可以通过搜索状态筛选公司。

4. 功能加强，加入图示，为了直观，我想把已投递公司的状态以图的形式展现出来。
   以我现有的初学水平，我简单实现了这个纪录器的基本模型，

记录问题

吭哧吭哧实现了简陋的第1、2个需求，
把实现代码放到了git上，我会把这个小东西不断完善，感兴趣的可以查看代码，欢迎star并watching,跟踪这个小应用的实现过程，重点关注我每次push都实现了什么，而不用太过仔细的看代码，因为毕竟我是初学者，细节之处有很多漏洞，我会把注释写的很清楚，方便大家阅读代码。实现过程中总会遇到各种问题，每次push在README中写清楚了我的进展、问题和解决。如果你对这个应用感兴趣，欢迎加入我，我们一起成长！

初学规划

要知道这是学习一门技术从零到一的过程，是比较困难的，会感觉自己的代码糟糕，进展慢，所有大牛都是一步步走过来的，我已经可以用这门新的技术解决实际问题了，很期待更多的了解这门技术，看看熟悉之后他能如何改进我的实现流程。
我不想闭门造车，想多看看这些功能，别人是怎么实现的。专业的写法是怎样的，首先我想到了官网，于是我准备做一遍官网的demo,看看这些demo我有哪些可取之处。

step3 官方文档

我选择了中文文档，看官网的demo,动手敲一边，同时，完善我的小应用，需要时写博客

博文说明

React为一系列文章，我会坚持更新，持续记录成长

相关文档

React<二>入门