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是个挺合适的起点,部署方便,结构清晰,练手、改造都顺手。

zip
covid19-tracker-master.zip 预估大小:23个文件
folder
covid19-tracker-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 1KB
file
robots.txt 67B
file
favicon.ico 3KB
file
logo512.png 9KB
file
logo192.png 5KB
file
yarn.lock 462KB
folder
src 文件夹
folder
components 文件夹
folder
CountryPicker 文件夹
folder
CountryPicker.module.css 文件夹
file
CountryPicker.jsx 2KB
folder
Cards 文件夹
file
Cards.jsx 4KB
file
Cards.module.css 29B
folder
Charts 文件夹
folder
Charts.modules.css 文件夹
file
Charts.jsx 2KB
file
index.js 177B
file
App.js 1KB
folder
api 文件夹
file
index.js 937B
file
App.css 125B
file
App.module.css 161B
file
index.js 147B
file
README.md 3KB
file
.gitignore 310B
file
package-lock.json 666KB
file
package.json 985B
zip 文件大小:357.94KB