# 新人学习计划

• 分阶段顺序学习
• 以周为单位完成作业

# 第 1 周：页面开发

基于 React 的 UI 组件化开发

# 版本管理

• Git 基础
• Gitlab 使用
• Gerrit的使用

# Node/NPM 基础

• npm scripts

# React脚手架

• create-react-app

# React

• React.js小书（一二阶段）
  • React JSX
  • React 组件
  • React State，Props
  • React 组件 API
  • React 组件生命周期
  • React 表单与事件
  • React Refs

# ESLint

• 利用ESLint检查代码质量

# Fish控件库

• Fish文档

# 实战演练

• React.js小书一二阶段评论功能

# 第 2 周：相关技术栈

# 路由技术

• React Router(v2.X)
  • 路由配置
  • 动态路由
  • 生命周期

# 状态管理

• Redux
  • Action
  • Reducer
  • Store
  • 数据流
  • React和Redux配合使用

# 实战演练

• React.js小书第三阶段评论功能

# 第 3 周：工具链

# webpack(v1.X)

• webpack入门
• 基础配置(entry/output/devServer/module/plugins/resolve)
• 常用插件(HtmlWebpackPlugin/HotModuleReplacementPlugin/UglifyJsPlugin/...)

# mock

• json-server
• mock.js

# Chrome 开发者工具

• 中文文档

# 工程院脚手架

• 文档

# 实战演练

• 使用工程院脚手架完成一个微博项目
• 要求使用前面所学的mock/redux/router配合进行开发
• 页面效果如文件中所给的切图所示（微博列表/loading/刷新/发表/点赞等）
• 下载文件