covid19-tracker React疫情可视化工具
Covid19 数据的可视化展示,配上 React 的响应式界面,做个疫情追踪小工具再合适不过了。covid19-tracker
这个项目就挺实用,拿来练手或快速上线都还不错。
React + REST API的组合,数据是从公开的 Covid19 API 获取的,自动拉取更新,页面结构清爽,图表部分直观。你只要yarn start
一下,开发环境就能跑起来,想测试也方便,yarn test
就行。
编译优化也做得蛮到位的,yarn build
后直接能出生产包,打包逻辑清晰,文件都加了哈希,部署也省心。如果你想自己折腾配置,yarn eject
可以把 Webpack 和 Babel 等依赖全拎出来,适合对构建过程有要求的同学。
项目本身结构不复杂,src
目录下该有的都有,适合你了解 React 项目是怎么组织的。如果你有 API 数据源想接入,也可以方便地替换现有的接口。
对了,文档虽然简洁但基本信息都有,你要是想更深入地了解,还可以看看这些相关文章:React 疫情追踪器、React 疫情项目这些。
如果你最近刚上手 React,或者想做一个数据可视化页面,covid19-tracker是个挺合适的起点,部署方便,结构清晰,练手、改造都顺手。
covid19-tracker-master.zip
预估大小:23个文件
covid19-tracker-master
文件夹
public
文件夹
manifest.json
492B
index.html
1KB
robots.txt
67B
favicon.ico
3KB
logo512.png
9KB
logo192.png
5KB
yarn.lock
462KB
src
文件夹
357.94KB
文件大小:
评论区