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项目!