Redux+React Router+Node.js全栈开发 高级全栈开发即时聊天APP

空间力

课程名称:  Redux+React Router+Node.js全栈开发 高级全栈开发即时聊天APP

免费试看:    

下载地址：

游客， 下载地址需要支付 48下载币 才能浏览支付

课程简介:    

本课程为前后端共同开发的一门教程。使用React、Redux、React-router开发多页面的应用。后端即时应用的管理则是NodeJs+Socket.io将React全家桶的各方面问题都解决了。再用Redux配合服务器端存储数据从前端自动向服务器端获取。React基于浏览器做开发现在很多互联网企业都在做Webapp用户方便用户使用。学会React之后Webapp和原生APP都可以做。React在设计思想上比较独特算得上创新之举。性能高效代码逻辑却异常简单已经算是比较主流的框架了。

----------------------课程目录------------------------------

1.介绍课程目标和学习内容
包括课程概述、课程安排、学习前提、讲授方式等方面的介绍，最后演示了整个招聘App的功能，让同学们对课程项目有一个直观的了解。
2.知识储备
为了学习好React，需要一系列的基础知识作为后盾，React官方也推荐全部ES6的写法，所以分别接受了Nodejs基础，使用create-react-app搭建React开发环境，版本控制git的使用，ES6常用的语法以及express+mongodb的基础，为后面的实战打下基础
3.React基础知识回顾
这一章节对 React基础知识进行了复习，为后面的项目实战做准备。
4.Redux状态管理与React-router
这一章节详细的对 讲解了 Redux、react-redux、react-rouer4 以及蚂蚁金服antd-mobile组件库的环境配置和使用。
5.需求分析
在之前配置全家桶的基础之上，配置前后端联调的转发以及axIOS拦截器
6.登录注册
这一章节包括登录注册的页面实现，express+mongodb后端实现，cookie用户状态保存，完整的实现登录注册的交互。
7.完善信息
包括两种身份用户注册完成后的信息完善，包括选择头像，输入详情，使用antd-mobile的NavBar和Grid组件实现。
8.牛人列表和BOSS列表
信息完善后，牛人进入系统，就会看到BOSS的列表，BOSS进入系统，看到找工作的牛人列表，使用antd-mobile的Card组件展示列表，并且点击列表，可以和对应的用户发起聊天。
9.个人中心
登录完成后，导航栏的个人中心页的实现，BOSS和牛人展示不同的信息，并且有注销登录的功能。
10.聊天详情
聊天详情页的功能开发，包括聊天数据结构在mongodb里的存储，用户发起聊天，实时显示聊天数据，并且支持用户发送emoji表情，使用sockit.io+express+mongodb实现聊天的后端，使用redux管理聊天数据。
11.聊天列表
聊天列表页的开发，包括聊天用户的展示，每个用户未读消息数量的实时显示，导航栏未读消息数量总数实时展示，包括介绍redux中间件机制的介绍，自己实现socket.io+redux的中间件。
12.构建自己的 redux
学习 React 和 Redux 常见优化手段，包括定制 shouldComponentUpdate，使用 PureComponent，immutablejs 介绍，reselect 和服务端渲染 SSR 介绍
13.代码优化和进阶
react常见代码优化手段，包括pureComponent，自己定制组件渲染生命周期
14.项目总结，回顾和展望
回顾整个项目的流程，用到的技术以及项目的扩展点，包括 项目打包编译，eslint 代码规范，async+awiat 优化异步，ant motion 动画，实现 React 服务端渲染 SSR，React16新版本特性