一個適合練手的react項目
項目以及項目筆記會不斷更新
體會vue與react項目區別
聲明:本項目參考了滴滴大佬的vue項目,原vue項目請關注ustbhuangyi
項目運行
npm install
npm start
項目中用到的一些自定義types在common/js/typings目錄下
可以通過dts-gen爲沒有types的npm包自動生成d.ts聲明文件
項目筆記
D1
D2
- 1、Tab組件與路由
- 2、基於better-scroll的react輪播圖組件
- 3、http-proxy-middleware
- 4、create-react-app搭建代理(一)
- 5、create-react-app搭建代理(二)
- 6、scroll組件:移動端滾動
- 7、loading組件
- 8、圖片懶加載
D3
- 1、圖片懶加載組件優化
- 2、歌曲信息頁&typescript的用法
- 3、滾動列表複用組件
- 4、異步獲取數據&保存組件狀態
- 5、除Link外控制路由跳轉:withRouter & typescript
- 6、redux使用方法
D4
- 1、withRouter&connect&typescript的使用
- 2、頁面切換與異步數據請求bug
- 3、getDerivedStateFromProps使用技巧
- 4、基於react-transition-group的react過渡動畫
- 5、react-lodable組件動態導入
- 6、react中輸入框防抖debounce
D5
部署
ToDo
- create-react-app優化打包
頁面展示