背景

近日看到一个github项目(https://github.com/resume/resume.github.com), star挺多的，想着用react重构一下，同时练习下graphql。

于是又上github搜了一下，发现很多调用github api的项目都没有使用graphql

同时搜到一些相关高star的项目

• https://github.com/resume/resume.github.com (42k ✨)
• https://github.com/tipsy/profile-summary-for-github (19k ✨)
• https://github.com/sallar/github-contributions-chart (3k ✨)
• https://github.com/ecmadao/hacknical (1k ✨)

这更加大了我的兴趣，于是说干就干！！！

你可以获得什么

通过这个项目，你可以掌握以下知识点：

1. 熟悉github v4 api
2. 练习使用graphql
3. 使用bizcharts进行数据可视化
4. 练习使用dva（状态管理）
5. 练习使用typescript
6. 练习使用ant-design
7. 获得一个好的react项目架构
8. 等等

还有很多就不一一列了，感兴趣的可以取github看一看

项目地址

https://github.com/abc-club/profile-summary-for-github

这些项目star都很多

项目技术栈

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

项目启动命令

npm i

npm start

项目截图

更多

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

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

可能遇到的问题

• 接口调用失败

很可能是token失效,token获取方法 https://help.github.com/en/github/authenticating-to-github/creating-a-personal-access-token-for-the-command-line