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