學習完 React 的使用和原理,就來模擬面試吧。本章給出了大量的 React ??济嬖囶},幫你驗證學習效果,溫故知新。
主要講解React創建更新中的主要兩種方式ReactDOM.render和setState,他們具體做了什么。
需求分析、項目演示和App流程結構介紹:讓你對實戰App有個整體和系統的認識;技術分解:讓你知道開發一款React Native應用通常需要用到哪些技術?最后,會教你如何基于新版react-navigation來搭建整個APP的導航框架,動態TabBar的探索和實現,以及一些高級應用和實戰技巧。
- 5-1 新版react-navigation上手指南
- 5-2 需求分析,技術分解,模塊設計
- 5-3 矢量圖標(react-native-vector-icons)使用指南
- 5-4 新版react-navigation上手指南
- 5-5 App導航基礎架構設計
- 5-6 基于導航框架實現頁面間的跳轉
- 5-7 基于react-navigation的APP導航框架搭建-歡迎頁
- 5-8 基于react-navigation的APP導航框架搭建-底部導航
- 5-9 基于react-navigation的APP導航框架搭建-頂部導航-
- 5-10 頂部導航Tab樣式自定義
- 5-11 基于NavigationDelegate來創建趨勢頁面的頂部
- 5-12 本章總結
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題,助你通過 React 技術棧的面試。
分析創建頁面的需求,學習 SPA 的概念,使用 React-Router 創建路由,并且使用 TDD 的方式開發創建頁面的展示型組件。
1. 剖析React底層調度機制 2. 分析React與合作式調度器 & 搶占式調度器 3. 分析如何避免任務餓死 4. 掌握時間切片與Aging策略 5. 掌握單線程調度器運行機制
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案,同時將它們經過自定義,改造成新的組件。
本章主要學習手勢響應系統,通過手勢響應系統實現當頭部可見時,手指向上滑動時,tab標簽組件中的FlatList無法滾動,逐漸滑動到頭部組件不可見時,tab標簽組件中的FlatList才能滾動的效果;當頭部不可見時,手指向下滑動時,直到FlatList滾動到最頂部時,頭部才可以滑動的效果,而且根據這個滾動,標簽欄也會有淡入淡出的動畫效果。
本章對 React 18 的語法進行了進階擴充,在進行復雜系統設計、系統錯誤排查、系統性能優化的過程中,這些知識點可以有效幫助同學解決問題。通過本章學習,同學們的知識面可以覆蓋 React 18 官方文檔中 95% 以上的知識點。
- 4-1 Ref 的基礎使用
- 4-2 Ref 與元素和組件的結合使用
- 4-3 Effect 的使用場景和基礎使用步驟
- 4-4 useEffect 的底層執行邏輯
- 4-5 嚴格模式 Effect 兩次執行問題的處理方法
- 4-6 useMemo 的使用場景和使用方法
- 4-7 useSyncExternalStore 的使用方法
- 4-8 組件和Effect的生命周期 & UseEffectEvent 簡單介紹
- 4-9 自定義 Hook 的作用及使用方法
- 4-10 useCallback、useDebugValue、useImperativeHandle 的使用方法
- 4-11 Profiler 和 Suspense 內置組件的深度講解
- 4-12 使用 UseDeferredValue 提升用戶體驗
- 4-13 useTransition 和 memo 的使用詳解
JSX 和組件是 React 的基礎,本章將從 0 講解 JSX 語法,從 0 認識組件、屬性,以及組件的拆分和嵌套。即學即用,開發一個問卷列表頁。
本章開始,我們將正式開啟React的學習之旅,首先讓我們一起來學習,如何搭建開發環境,并學會如何啟動一個react + typescript 的項目。【另,TS基礎不太好得同學,也可以先移步第13章附錄篇,補一下基礎再來進修哦】
在學習了vue插件開發之后,我們將來學習前端工程化中另一流行框架React插件的開發,本章就將從React原理解析開始,深度解析super-tiny-compiler編譯器實現原理,從zbestpc項目移植到react項目集成工程化腳手架,徹底搞懂React插件實現原理。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案,同時將它們經過自定義,改造成新的組件。
- 7-1 React Transition Group 簡介
- 7-2 他山之石 - Icon組件編碼第一部分
- 7-3 Icon 組件樣式添加
- 7-4 讓圖標動起來 - 動畫效果第一種實現方法
- 7-5 React Transition Group 簡介
- 7-6 React Transition Group 實踐 - 動畫效果第二種實現方式
- 7-7 盡善盡美 - React Transition Group 添加菜單消失的動畫
- 7-8 拿來主義 - 自定義 Transition 組件編碼第一部分
- 7-9 拿來主義 - 自定義 Transition 組件編碼第二部分
- 7-10 使用 Icon 和 Transition 改造 Alert
學習完 React 的使用和原理,就來模擬面試吧。本章給出了大量的 React ??济嬖囶},幫你驗證學習效果,溫故知新。
分析創建頁面的需求,學習 SPA 的概念,使用 React-Router 創建路由,并且使用 TDD 的方式開發創建頁面的展示型組件。
本章將帶大家使用TS的語法進行前端 React 代碼的開發,過程中會給大家講解在 React 和 Redux 等前端核心框架上如何正確巧妙的使用TypeScript。本章的最后,我們將產出一個完整的爬蟲項目,并通過可視化的方式,對爬取到的數據進行展示。
性能提高:React Lanes模型源碼剖析,包括:React Lanes模型背景、模型的應用、模型常用工具函數,最后講解React1 8新增的transition和 useDeferredValue原理 。
學習前:底層源碼的高效學習方法分享,包括如何高效學習React源碼,如何debug React源碼,如何運行React測試用例及如何成為React Contributor 。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
學習前:底層源碼的高效學習方法分享,包括如何高效學習React源碼,如何debug React源碼,如何運行React測試用例及如何成為React Contributor 。
本章開始進入 Node.js 的世界,使用 FS 模塊完成文件的增刪改,同時還使用 Electron store 完成文件索引的持久化保存。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題,助你通過 React 技術棧的面試。