请选择 进入手机版 | 继续访问电脑版
查看: 660|回复: 1

Redux+React Router+Node.js全栈开发

[复制链接]

8万

主题

8万

帖子

26万

积分

管理员

管理员

Rank: 9Rank: 9Rank: 9

积分
269416
QQ
发表于 2020-3-12 18:46:35 | 显示全部楼层 |阅读模式
Redux+React Router+Node.js全栈开发
  • 第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新版本特性

  • 游客,如果您要查看本帖隐藏内容请回复


管理员
回复

使用道具 举报

0

主题

3

帖子

58

积分

VIP终身会员

积分
58
发表于 2023-4-26 23:29:59 | 显示全部楼层
回顾整个项目的流程,用到的技术以及项目的扩展点,包括 项目打包编译,eslint 代码规范,async+awiat 优化异步,ant motion 动画,实现 React 服务端渲染 SSR,React16新版本特性
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|IT视频教程资源网 ( 粤ICP备2022015727号 )网站地图

GMT+8, 2023-9-30 20:12 , Processed in 0.191792 second(s), 23 queries .

快速回复 返回顶部 返回列表

客服
热线

微信 webshop6
7*24小时微信 客服服务

扫码添
加微信

添加客服微信 webshop6 获取更多

关注
公众号

关注微信公众号 webjianzhan