基于react/react hooks 新冠数据展现webapp

写在前面

React hooks出来也有很多时间了,在这个新冠数据展现的webapp里面,尝试彻底使用functional components以及经常使用的一些像是useState, useReducer, useEffect, useContext, useMemo从零开始实现,总体感受使用门槛很低,如同官方文档所说的同样,可以很是轻松的避开一些简单的坑像是事件处理中的this,以及带来经过custom hooks将数据/状态的逻辑集中处理,以及更简单粗暴的context和reducer组合使用。react

Webapp简单介绍

两栏式的设计,可以很直观的filter和展现全球新冠的数据,对于mobile有一些简单的支持:
Covid19-tracker-screenshot.png
Covid19-tracker-screenshot-responsive.pnggit

? Live site: https://covid19trackerweb.net...github

结尾

文章里没有太多的总结,官网的文档永远是第一手资料,Learning by doing可能也能有更好的理解。web

顺带附上 Github地址 github.com/gnehcwu/covid19-tracker,欢迎围观提建议或者,一块儿学习。app

我的以为不错的关于介绍react基本知识点的blog: https://www.robinwieruch.de/blog
相关文章
相关标签/搜索