簡介:從零開始學習React Hooks,在非 class 的情況下可以使用更多的 React 特性。掌握核心理念和使用方法,掌握使用React Hooks分離頁面及邏輯,在無需修改組件結構的情況下復用狀態邏輯以及更好的組織項目代碼,消除冗余提高復用性。
第3章 項目必備——Hooks基礎
必備的一些hook
- 視頻: 3-1 擁抱函數式編程——useState (09:15)
- 視頻: 3-2 解決副作?——useEffect (08:49)
- 視頻: 3-3 監測DOM——useLayoutEffect (05:44)
- 視頻: 3-4 組件跟隨狀態更新——useMemo (08:30)
- 視頻: 3-5 組件跟隨狀態更新——useCallback (09:58)
- 視頻: 3-6 長久保存數據——useRef (09:22)
- 視頻: 3-7 組件之間共享狀態——useContext (09:13)
- 視頻: 3-8 復雜邏輯簡單化——useReducer (07:34)
- 視頻: 3-9 個性化解決方案——自定義Hooks (12:13)
第4章 項目實踐——購物車功能
購物車是交互最多,狀態保存最多,操作最多的功能之一,需要有很復雜的場景來實現,還得注意每個狀態的變更可能會帶來什么樣的副作用。為此,我們來看看如何使用hooks提高我們的開發速度。
解鎖即可觀看《大前端》完整課程視頻
大前端
1個業務場景打通全端、全棧、全流程,實現全局思維與綜合技術能力全面突破;對標阿里P6,8個月成為前端高級人才
【第1周】認識大前端,全棧開發初體驗
【第2周】企業標準的開發環境搭建
【第3周】NoSQL數據庫的設計與集成
【第4周】JWT登錄鑒權—通用登錄模塊后端開發
【第5周】團隊協作-文檔管理與缺陷控制
【第6周】團隊協作-版本管理
【第7周】團隊協作-自動化流程
【第8周】全棧開發—首頁模塊
【第9周】 全棧開發—用戶中心
【第10周】全棧開發—發貼/回帖模塊
【第11周】消息中間件開發(WebSocket通信)
【第12周】組件化思想進階:iview上手文章管理
【第13周】中后臺權限系統:前端權限設計方案
【第14周】中后臺權限系統:基于角色&菜單權限設計
【第15周】首頁可視化圖表與日志服務
【第16周】WebApp頁面設計與開發
【第17周】Vue3全家桶+Vite開發工具
【第18周】前后端項目Vue3重構
【第19周】性能優化(服務端渲染)
【第20周】uniapp開發(首頁/菜單定制/搜索)
【第21周】uniapp開發(登錄、詳情、個人中心)
【第22周】uniapp內容安全、訂閱消息
【第23周】小程序支付專題
【第24周】跨平臺框架Flutter2與狀態管理方案
【第25周】封裝請求&數據持久化方案&路由
【第26周】Flutter 后臺消息&打包上線
【第27周】Electron桌面端與主流的框架
【第28周】Electron桌面端-社區業務集成
【第29周】React17新特性
【第30周】React-Hooks&狀態管理方案
【第31周】React組件庫設計&工程化
【第32周】React工程化&性能優化