需求分析、項目演示和App流程結(jié)構(gòu)介紹：讓你對實戰(zhàn)App有個整體和系統(tǒng)的認識；技術(shù)分解：讓你知道開發(fā)一款React Native應(yīng)用通常需要用到哪些技術(shù)？最后，會教你如何基于新版react-navigation來搭建整個APP的導(dǎo)航框架，動態(tài)TabBar的探索和實現(xiàn)，以及一些高級應(yīng)用和實戰(zhàn)技巧。
- 5-1 新版react-navigation上手指南
- 5-2 需求分析，技術(shù)分解，模塊設(shè)計
- 5-3 矢量圖標(biāo)（react-native-vector-icons）使用指南
- 5-4 新版react-navigation上手指南
- 5-5 App導(dǎo)航基礎(chǔ)架構(gòu)設(shè)計
- 5-6 基于導(dǎo)航框架實現(xiàn)頁面間的跳轉(zhuǎn)
- 5-7 基于react-navigation的APP導(dǎo)航框架搭建-歡迎頁
- 5-8 基于react-navigation的APP導(dǎo)航框架搭建-底部導(dǎo)航
- 5-9 基于react-navigation的APP導(dǎo)航框架搭建-頂部導(dǎo)航-
- 5-10 頂部導(dǎo)航Tab樣式自定義
- 5-11 基于NavigationDelegate來創(chuàng)建趨勢頁面的頂部
- 5-12 本章總結(jié)
本章會講解學(xué)習(xí)這門課程之前必備的基礎(chǔ)知識，主要講解ES6、RN等必備知識點，專門為新手學(xué)員準(zhǔn)備的，這些內(nèi)容在后面的實戰(zhàn)中都會用到。
總結(jié)TS4、Vue3、React18三大熱門技術(shù)。
總結(jié)TS4、Vue3、React18三大熱門技術(shù)。
工廠模式是前端常用設(shè)計模式之一。本章將詳細講解工廠模式，從概念背景，到代碼示例和 UML 類圖，最后到它的具體使用場景。
React 是國內(nèi)流行的前端框架，尤其大廠應(yīng)用較多。本章講解 React 高級應(yīng)用和原理的考點和面試題，助你通過 React 技術(shù)棧的面試。
本章對 React 18 的語法進行了進階擴充，在進行復(fù)雜系統(tǒng)設(shè)計、系統(tǒng)錯誤排查、系統(tǒng)性能優(yōu)化的過程中，這些知識點可以有效幫助同學(xué)解決問題。通過本章學(xué)習(xí)，同學(xué)們的知識面可以覆蓋 React 18 官方文檔中 95% 以上的知識點。
- 4-1 Ref 的基礎(chǔ)使用
- 4-2 Ref 與元素和組件的結(jié)合使用
- 4-3 Effect 的使用場景和基礎(chǔ)使用步驟
- 4-4 useEffect 的底層執(zhí)行邏輯
- 4-5 嚴(yán)格模式 Effect 兩次執(zhí)行問題的處理方法
- 4-6 useMemo 的使用場景和使用方法
- 4-7 useSyncExternalStore 的使用方法
- 4-8 組件和Effect的生命周期 & UseEffectEvent 簡單介紹
- 4-9 自定義 Hook 的作用及使用方法
- 4-10 useCallback、useDebugValue、useImperativeHandle 的使用方法
- 4-11 Profiler 和 Suspense 內(nèi)置組件的深度講解
- 4-12 使用 UseDeferredValue 提升用戶體驗
- 4-13 useTransition 和 memo 的使用詳解
分析創(chuàng)建頁面的需求，學(xué)習(xí) SPA 的概念，使用 React-Router 創(chuàng)建路由，并且使用 TDD 的方式開發(fā)創(chuàng)建頁面的展示型組件。
主要講解React創(chuàng)建更新中的主要兩種方式ReactDOM.render和setState，他們具體做了什么。
建立全局觀，為后續(xù)在源碼中吸取精華做好思想準(zhǔn)備，避免就源碼而分析源碼。
本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標(biāo)和 React 動畫的解決方案，同時將它們經(jīng)過自定義，改造成新的組件。
學(xué)習(xí)完 React 的使用和原理，就來模擬面試吧。本章給出了大量的 React ?？济嬖囶}，幫你驗證學(xué)習(xí)效果，溫故知新。
本章將帶大家回顧總結(jié)本門課程，有問題歡迎大家到課程問答區(qū)提問。希望大家缺工作的找到工作，有工作的漲工資。
React 是國內(nèi)流行的前端框架，尤其大廠應(yīng)用較多。本章講解 React 高級應(yīng)用和原理的考點和面試題，助你通過 React 技術(shù)棧的面試。
本章從什么是測試入手，簡介了測試的基本概念，介紹通用測試工具 Jest 和 React 測試框架 react-testing-library，然后使用這兩種工具完成Button組件的單元測試。
JSX 和組件是 React 的基礎(chǔ)，本章將從 0 講解 JSX 語法，從 0 認識組件、屬性，以及組件的拆分和嵌套。即學(xué)即用，開發(fā)一個問卷列表頁。
性能提高：React Lanes模型源碼剖析，包括：React Lanes模型背景、模型的應(yīng)用、模型常用工具函數(shù)，最后講解React1 8新增的transition和 useDeferredValue原理 。
本章開始進入 Node.js 的世界，使用 FS 模塊完成文件的增刪改，同時還使用 Electron store 完成文件索引的持久化保存。
本章將帶大家使用TS的語法進行前端 React 代碼的開發(fā)，過程中會給大家講解在 React 和 Redux 等前端核心框架上如何正確巧妙的使用TypeScript。本章的最后，我們將產(chǎn)出一個完整的爬蟲項目，并通過可視化的方式，對爬取到的數(shù)據(jù)進行展示。
學(xué)習(xí)前：底層源碼的高效學(xué)習(xí)方法分享，包括如何高效學(xué)習(xí)React源碼，如何debug React源碼，如何運行React測試用例及如何成為React Contributor 。
和 Vue 一樣，React 也是面試必備技能，而且大廠的考察概率更高。本章講解 React 基本使用，高級特性，性能優(yōu)化，redux 等內(nèi)容的知識點和面試題。
本章主要學(xué)習(xí)手勢響應(yīng)系統(tǒng)，通過手勢響應(yīng)系統(tǒng)實現(xiàn)當(dāng)頭部可見時，手指向上滑動時，tab標(biāo)簽組件中的FlatList無法滾動，逐漸滑動到頭部組件不可見時，tab標(biāo)簽組件中的FlatList才能滾動的效果；當(dāng)頭部不可見時，手指向下滑動時，直到FlatList滾動到最頂部時，頭部才可以滑動的效果，而且根據(jù)這個滾動，標(biāo)簽欄也會有淡入淡出的動畫效果。
React 是國內(nèi)流行的前端框架，尤其大廠應(yīng)用較多。本章講解 React 基礎(chǔ)應(yīng)用，助你通過 React 技術(shù)棧的面試。
分析創(chuàng)建頁面的需求，學(xué)習(xí) SPA 的概念，使用 React-Router 創(chuàng)建路由，并且使用 TDD 的方式開發(fā)創(chuàng)建頁面的展示型組件。
本章開始，我們將正式開啟React的學(xué)習(xí)之旅，首先讓我們一起來學(xué)習(xí)，如何搭建開發(fā)環(huán)境，并學(xué)會如何啟動一個react + typescript 的項目?！玖恚琓S基礎(chǔ)不太好得同學(xué)，也可以先移步第13章附錄篇，補一下基礎(chǔ)再來進修哦】
本章將全面對比Vue和React框架的相似點和差異點，通過對比的方式，可以讓同學(xué)們更加快速的掌握兩大框架。通過兩大框架的掌握，更符合企業(yè)高級人才的需求。以及掌握React中如何使用TS進行開發(fā)。
- 18-1 React與TS配合之use函數(shù)限制
- 18-2 React18與Vue3對比之編程風(fēng)格與視圖風(fēng)格
- 18-3 React18與Vue3對比之組件_路由_狀態(tài)管理等風(fēng)格
- 18-4 React18與Vue3對比之模板_樣式_事件_表單等功能
- 18-5 React18與Vue3對比之組件通信_邏輯復(fù)用_內(nèi)容分發(fā)_DOM操作等功能
- 18-6 React18與Vue3對比之diff算法的相同策略與不同策略
- 18-7 React18與Vue3對比之響應(yīng)式_生命周期_副作用等功能
- 18-8 React與TS配合之基礎(chǔ)props限制
- 18-9 React與TS配合之children與event限制
- 18-10 React與TS配合之style與component限制
- 18-11 React與TS配合之use函數(shù)限制
- 18-12 React與TS配合之類組件類型限制
- 18-13 React Router路由如何使用TS進行開發(fā)
- 18-14 Redux Toolkit狀態(tài)管理如何使用TS進行開發(fā)
- 18-15 Umi4框架介紹與基本使用
- 18-16 Umi4之mock數(shù)據(jù)_路由數(shù)據(jù)加載_路由包裝組件
- 18-17 Umi Max之a(chǎn)ntd組件庫_發(fā)起請求_共享數(shù)據(jù)流
- 18-18 章節(jié)總結(jié)
- 18-19 測試題（實操）
- 18-20 測試題（選擇）
學(xué)習(xí)完 React 的使用和原理，就來模擬面試吧。本章給出了大量的 React 常考面試題，幫你驗證學(xué)習(xí)效果，溫故知新。
1. 掌握React的初次渲染渲染流程 2. 掌握這個過程中的數(shù)據(jù)結(jié)構(gòu)與算法 3. 掌握深度優(yōu)先遍歷
- 8-1 在瀏覽器DOM 節(jié)點中創(chuàng)建根節(jié)點：createRoot -1
- 8-2 -2 在瀏覽器DOM 節(jié)點中創(chuàng)建根節(jié)點：createRoot
- 8-3 -3 在瀏覽器DOM 節(jié)點中創(chuàng)建根節(jié)點：createRoot
- 8-4 -4 在瀏覽器DOM 節(jié)點中創(chuàng)建根節(jié)點：createRoot
- 8-5 -1 root.render與unmount函數(shù)的流程
- 8-6 -2 root.render與unmount函數(shù)的流程
- 8-7 -1 update的數(shù)據(jù)結(jié)構(gòu)與算法.mp4
- 8-8 -2update的數(shù)據(jù)結(jié)構(gòu)與算法.mp4
- 8-9 -1 scheduleUpdateOnFiber調(diào)度更新.mp4
- 8-10 -2 scheduleUpdateOnFiber調(diào)度更新
- 8-11 -3 scheduleUpdateOnFiber調(diào)度更新
- 8-12 render階段
- 8-13 render階段-beginWork
- 8-14 render階段-renderRootConcurrent
- 8-15 commit階段
對于一個復(fù)雜前端項目，在編碼之前，分析過程可謂是“磨刀不誤砍柴工”，本周我們來給大家講解怎樣一步步抽絲剝繭，從需求到難點，再到系統(tǒng)整體設(shè)計。
