react+graphql实现github dashboard

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

项目截图

更多

您还可以看看我的其他项目

• 前端资源
• 前端监控项目