阅读 5269

React全栈之Instagram开源视频教程

这个冬天特别的寒冷且慢长,终于可以静下心来,做一些开源工作。读了zhoushaw老师的 打造属于你自己的instagram! 全栈项目(react + egg.js)项目, 非常喜欢, 于是决定为此开源项目录制开源视频,以帮助一起学习的同学们,每小节亦列出了react+egg.js 全栈开发知识点, 方便大家查阅。

React全栈之Instagram视频

  1. React全栈开发instagram之Webpack工作流搭建

    • react webpack 工作流配置
    • babel Proxy 跨域
  2. egg.js 入门

    • egg.js view 开发
    • 模块引擎
    • egg.js 配置
  3. React全栈开发instagram之全栈开发跨域处理

    • cors 本地代理方案
  4. React全栈开发instagram之local CSS

    • css module
    • antd .babelrc引入方案
  5. React全栈开发instagram之注册

    • MVC
    • 注册流程
    • Sequelize-cli
    • Model
    • Service
  6. React全栈开发instagram之登录

    • cookie
    • jwt
    • Service
  7. react 全栈开发之七中间件

    • egg.js middleware
    • 白名单
    • extend
  8. react 全栈开发之八登录UI组件

    • antd Form.create()
    • decorator
  9. react 全栈开发之九axios配置

    • API 设计
    • axios instance 配置
    • interceptors 全局配置
    • 状态码400 401
  10. react 全栈开发之十redux用户状态管理

    • redux
    • @connect
    • userInfo API 业务
  11. react 全栈开发之十一Topic存储

    • Topic 业务
    • Postman 模拟
  12. react 全栈开发之十二Follow

    • Follow 业务
    • Sequelize.Op
    • Follow status 设计
  13. react 全栈开发之十三Follow组件开发

    • babel-plugin-transform-object-rest-spread
    • Avatar组件prop-type defaultProps
  14. react 全栈开发之十四FriendTopic

    • 未关注用户查询
    • Sequelize.Op
  15. react 全栈开发之十五发表评论

    • Discuss Model
    • username 字段设计原则
  16. react 全栈开发之十六点赞API

    • topic_like Model
  17. react 全栈开发之十七上传组件

  18. react 全栈开发之十八七牛上传

  19. react 全栈开发之十九发布文章

zhoushaw老师的本项目地址是 github.com/zhoushaw/In…, 欢迎大家star 我的node.js 代码没有使用typescript, 大家就有了两个版本的node代码可供选择。

我的本项目地址是 github.com/shunwuyu/le…

欢迎大家和我一起学习zhoushaw老师的instagram React项目!

关注下面的标签,发现更多相似文章
评论