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 ✨)
这更加大了我的兴趣,于是说干就干!!!
你可以获得什么
通过这个项目,你可以掌握以下知识点:
- 熟悉github v4 api
- 练习使用graphql
- 使用bizcharts进行数据可视化
- 练习使用dva(状态管理)
- 练习使用typescript
- 练习使用ant-design
- 获得一个好的react项目架构
- 等等
还有很多就不一一列了,感兴趣的可以取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自动发布
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 使用react-apollo+graphql实现分页操作
- 使用react-apollo+graphql实现Mutation操作
- 【Graphql实践】使用 Apollo(iOS) 访问 Github 的 Graphql API
- Grafana Time Range设置实现同一Dashboard下不同Graph时间独立
- 本地项目推送到GitHub及React/Webpage配置环境和实现热替换
- React Native ——实现一个简单的抓取github上的项目数据列表
- 阿里云centos和本地windows实现git代码管理(github仓储)
- IntelliJ IDEA配合GitHub管理本地代码,实现-更新本地代码到GitHub上(上)
- 本地应用上传到gitHUB 实现多任务协同开发
- react实现toggle效果
- GitHub 实现多人协同提交代码并且权限分组管理
- 用TypeScipt和AMD模块化理念实现React官方教程(五)提交和更新数据
- react-native-art画二次贝塞尔曲线实现
- 【个人项目】项目记录:github链接、设计实现、单元测试、性能分析与改进、PSP完成表格、总结反思
- React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现
- 配置SSH Keys到github,实现git clone 能力
- antd+react-router-dom实现导航菜单切换
- Github配合Jenkins,实现vue等前端项目的自动构建与发布
- ReactMix框架是基于ReactNative框架实现的,目标是完全兼容现有的H5开发方式的新一代框架ReactMix
- react-native 完整实现登录功能