您的位置:首页 > Web前端 > React

react+graphql实现github dashboard

2020-01-13 08:18 871 查看

背景

近日看到一个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

项目启动命令

[code]npm i

npm start

项目截图

更多

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


本篇文章由一文多发平台ArtiPub自动发布

  • 点赞
  • 收藏
  • 分享
  • 文章举报
该用户不存在 发布了9 篇原创文章 · 获赞 0 · 访问量 176 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: