Redux+React Router+Node.js全栈开发招聘app实战
Redux+React Router+Node.js全栈开发
当其他人第一次理解React时，你已经找到了Redux+React 最新的Reacttter学习了Router的最佳实践学习路线 16+Redux+React Router 4技术开发复杂的单页应用程序，并使用node.js+express+socket.IO管理实时应用的后端，注定要有非凡的实力！
第1章 介绍课程目标和学习内容
包括课程概述、课程安排、学习前提、教学方法等，最后演示了整个招聘应用的功能，让学生对课程项目有一个直观的了解。
1-1 课程导学
第2章 知识储备
为了学好React，需要一系列基础知识作为后盾，React官方也推荐了所有ES6的写作方法，所以他们接受了Nodejs基础，并使用了create。-react-应用程序构建React开发环境，版本控制git的使用，ES6常用语法和express+mongodb的基础，为以下实际战斗奠定基础…
2-1 介绍React开发环境
2-2 常用的ES6语法
2-3 express+mongodb基础
2-4 express+mongodb基础
第3章 回顾React基础知识
这一章节对 复习React的基础知识，为以下项目的实战做准备。
3-1 回顾React基础知识1-入门例子
3-2 回顾React基础知识2-组件之间的数据传递
3-3 回顾React基础知识3-组件内部 state
3-4 回顾React基础知识4-事件
3-5 React基础知识回顾5-React生命周期
3-6 回顾React基础知识6-安装 CHROME 扩展
3-7 antd-mobile 组件使用
第4章 Redux状态管理和Reactt-router
本章详细正确 讲解了 Redux、react-redux、react-rouer4 以及蚂蚁金服antd-mobile组件库的环境配置和使用。
4-1 Redux状态管理1-结合小例子 Redux 是什么？
4-2 Redux状态管理22-Redux 如何和 React 一起用
4-3 Redux状态管理3-优化-组件解耦
4-4 Redux状态管理4-更进一步 Redux 异步可以处理
4-5 Redux状态管理5-Chrome 中 Redux 调式工具
4-6 Redux状态管理6-使用 React-redux
4-7 Redux状态管理7-使用 React-redux（Connect 可以用装饰器的方法书写)
4-8 react-router4 路由 01-初识 React-router4
4-9 react-router4 路由 02-React-router4 其他组件
4-10 react-router4 路由 03-和 Redux 配合-复杂 Redux 应用1
4-11 react-router4 路由 04-和 Redux 配合-复杂 Redux 应用2
4-12 react-router4 路由 05-和 Redux 配合-补充
第5章 需求分析
配置前端和后端联合调整的转发以及axios拦截器的转发，基于之前的全家桶配置
5-1 需求分析
5-2 前后端联调1
5-3 前后端联调2
第6章 登录注册
本章包括登录注册页面的实现，express+实现mongodb后端，保存cookie用户状态，完全实现登录和注册的交互。
6-1 登录注册-课程内容介绍
6-2 登录注册-登录注册页面
6-3 登录注册-判断路由
6-4 登录注册-用户信息验证，跳转登录
6-5 登录-注册交互实现
6-6 登录注册-注册请求发送
6-7 登录注册-建立数据库模型
6-8 登录注册-express注册功能
6-9 登录-注册前后端联调整-注册前后端联调
6-10 注册-注册跳转+密码加密
6-11 登录注册-登录注册实现登录注册
6-12 登录注册-cookie保存登录状态
第7章 完善信息
包括两个身份用户注册后的信息完善，包括选择头像、输入细节、使用antd-mobile的navbar和Grid组件。
7-1 完善信息-boss信息完善页面
7-2 完善信息-boss 完善页面后端的信息
7-3 完善信息-完善牛人信息和组件属性类型检测
第8章 牛人列表和BOSS列表
信息完善后，牛人进入系统，会看到BOSS列表，BOSS进入系统，看到找工作的牛人列表，使用Antd-mobileCard组件显示列表，点击列表与相应用户聊天。
8-1 牛人列表-应用骨架
8-2 牛人名单-导航和跳转
8-3 牛人列表-牛人列表
8-4 牛人列表-使用 redux 管理牛人名单
第9章 个人中心
登录完成后，BOSS和牛人在实现导航栏的个人中心页时会显示不同的信息，并具有取消登录的功能。
9-1 boss列表和组件优化
9-2 个人中心信息显示1
9-3 个人中心信息显示2
9-4 清除cookie登录状态
9-5 注销时清空redux数据
9-6 使用高级组件完善登录流程-概念理解-函数编程
9-7 简单的高级组件demo
9-8 使用imocfrom高级组件优化代码
第10章 聊天详情
聊天细节页面的功能开发包括在mongodb中存储聊天数据结构，用户发起聊天，实时显示聊天数据，并支持用户发送emoji表达，使用sockit.io+express+利用redux管理聊天数据，mongodb实现聊天后端。
10-1 socket.io简介
10-2 socket.IO前后端联通
10-3 实时显示前后端的消息
10-4 聊天页面redux链接链接
10-5 实现聊天功能-上
10-6 实现聊天功能-下
10-7 聊天未读信息数实时显示
10-8 聊天头像显示
10-9 修改未读信息的数量
10-10 发送emoji表情
第11章 聊天列表
聊天列表页面的开发包括聊天用户的显示、每个用户未读信息数量的实时显示、导航栏未读信息总数的实时显示，包括介绍redux中间件机制的介绍，并实现自己的搜索.io+redux中间件。
11-1 根据用户分组聊天信息
11-2 聊天列表显示
11-3 显示未读信息的数量
11-4 最新消息排名
第12章 构建自己的 redux
学习 React 和 Redux 常见的优化方法包括定制 shouldComponentUpdate，使用 PureComponent，immutablejs 介绍，reselect 以及服务端渲染 SSR 介绍
12-1 新闻未读数量更新1
12-2 新闻维度数量更新2
12-3 先进的React
12-4 实现迷你redux
12-5 context简介1
12-6 react-实现redux1
12-7 react-redux实现2
12-8 实现了迷你react-redux
12-9 实现中间件机制
12-10 合并多个中间件
12-11 arrthunk定制中间件
12-12 总结redux+react-redux代码
第13章 代码优化与进步
react常用的代码优化方法，包括purecomponent，定制自己的组件来渲染生命周期
13-1 单组件
13-2 定制shouldComponentUpdae
13-3 immutablejs存在的意义和使用
13-4 reselect优化redux选择器
13-5 key遍历数组
13-6 服务端渲染ssr介绍
第14章 项目总结、回顾和展望
回顾整个项目的流程、技术和扩展点，包括 项目包装编译，eslint 代码规范，async+awiat 优化异步，ant motion 动画，实现 React 服务端渲染 SSR，React16新版本的特点
14-1 eslint代码规范
14-2 async+await优化异步代码
14-3 使用Ant motion做React动画解决方案
14-4 打包编译
14-5 后端使用babel-node支持jsx环境
14-6 RenderToString用法在服务器上渲染render
14-7 客户端代码改造
14-8 服务器SSR代码改造
14-9 小问题修复
14-10 React16新特性及错误处理1
14-11 错误处理2React16错误处理2
14-12 React16服务端渲染新Api
14-13 课程总结
[我要扒资料]
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
