React hooks出來也有很多時間了,在這個新冠數據展現的webapp裏面,嘗試徹底使用functional components以及經常使用的一些像是useState
, useReducer
, useEffect
, useContext
, useMemo
從零開始實現,總體感受使用門檻很低,如同官方文檔所說的同樣,可以很是輕鬆的避開一些簡單的坑像是事件處理中的this
,以及帶來經過custom hooks
將數據/狀態的邏輯集中處理,以及更簡單粗暴的context和reducer組合使用。react
兩欄式的設計,可以很直觀的filter和展現全球新冠的數據,對於mobile有一些簡單的支持:git
? Live site: https://covid19trackerweb.net...github
文章裏沒有太多的總結,官網的文檔永遠是第一手資料,Learning by doing可能也能有更好的理解。web
順帶附上 Github地址 github.com/gnehcwu/covid19-tracker,歡迎圍觀提建議或者,一塊兒學習。app
我的以爲不錯的關於介紹react基本知識點的blog: https://www.robinwieruch.de/blog