react+graphql實現github dashboard

背景

近日看到一個github項目(github.com/resume/resu…), star挺多的，想着用react重構一下，同時練習下graphql。

因而又上github搜了一下，發現不少調用github api的項目都沒有使用graphql

同時搜到一些相關高star的項目

• github.com/resume/resu… (42k ✨)
• github.com/tipsy/profi… (19k ✨)
• github.com/sallar/gith… (3k ✨)
• github.com/ecmadao/hac… (1k ✨)

這更加大了個人興趣，因而說幹就幹！！！

你能夠得到什麼

經過這個項目，你能夠掌握如下知識點：

1. 熟悉github v4 api
2. 練習使用graphql
3. 使用bizcharts進行數據可視化
4. 練習使用dva（狀態管理）
5. 練習使用typescript
6. 練習使用ant-design
7. 得到一個好的react項目架構
8. 等等

還有不少就不一一列了，感興趣的能夠取github看一看

項目地址

github.com/abc-club/pr…

體驗地址

http://106.54.208.244/

項目技術棧

umi + dva + graphql + typescript + ant-design + github + bizcharts

項目啓動命令

npm i

npm start

複製代碼

項目截圖

更多

您還能夠看看個人其餘項目

• 前端資源
• 前端監控項目