黑马程序员的前端学习路线图大纲中第七阶段的学习是 React.JS 项目实战的学习: 主要介绍了前端学习路线图的 React.JS 项目实战的学习目标, 前端学习路线图的 React.JS 项目实战的市场价值, 前端学习路线图的 React.JS 项目实战的重点知识. 前端学习路线图中的 React.JS 项目实战学习视频可以在黑马程序员视频库中找到: yun.itheima.com
前端学习路线图中 React.JS 项目实战的技术要点: React.JS 基础; 好客租房 - PC 端项目; 好客租房 - 移动 web 项目.
黑马程序员视频库: yun.itheima.com
黑马程序员视频库: yun.itheima.com
React.JS 基础
1,create-react-App 脚手架工具
2,JSX 语法
3, 条件渲染
4, 列表渲染和 key
5,React 组件系统
- ,PureComponent
- ,setState()
8, 事件处理
9, 表单处理
10, 组件通讯
11,render-props
12, 高阶组件
13, 虚拟 DOM 和 Diff 算法
14,ReactRouter 路由系统
15,Redux 状态管理架构
16,axios 请求库
17,AntDesign 组件框架
18,CSSModules
好客租房 - PC 端项目
1, 项目初始化
2, 管理员登录退出
3, 用户管理
4, 用户已发布房源查看
5, 房源列表
6, 房源列表检索等功能
7, 使用 redux 进行状态管理
好客租房 - 移动 Web 项目
1, 项目初始化
2, 首页搭建
3, 地理定位
4, 城市选择
5, 地图找房
6, 房源搜索
7, 关键词搜索
8, 房源详情
9, 个人中心
10, 用户登录 / 注册 / 退出
11, 房源收藏
12, 查看用户收藏房源列表
13, 房源发布
14, 已发布房源列表查看
15, 权限路由组件封装
16, 移动端长列表性能优化
17,React 复杂表单处理
18,React 动画等常见解决方案
来源: http://www.jianshu.com/p/3248cdca5872