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專案!