乐趣区

reactgraphql实现github-dashboard

背景

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

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

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

  • https://github.com/resume/res… (42k ✨)
  • https://github.com/tipsy/prof… (19k ✨)
  • https://github.com/sallar/git… (3k ✨)
  • https://github.com/ecmadao/ha… (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/p…

这些项目 star 都很多

项目技术栈

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

项目启动命令

npm i

npm start

项目截图



更多

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

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

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

退出移动版