1. 通過實現不同Hooks API，進一步掌握各種不同Hooks的使用與底層原理，從而解決實際項目的bug與性能問題
本章從0講解JSX和Hook語法，詳細講解每一個知識點，學完即可掌握事件交互、循環、React緩存和React調試能力，能夠動手開發一個動態的頁面
“造輪子”是一個過程，要想造企業級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發，為后續實戰項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發。
1. 分析React中常見的Context數據模式 2. 通過實現與分析React Context，掌握Context實現原理
本章中對React 框架優勢、React 18 版本特點特性，以及課程整體的教學思路和方法，進行了梳理，幫助大家更加清晰的認識 React 18。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
日常工作中，我們常常會面臨如何復用老項目代碼的問題，本章我們將通過腳手架的方式實現項目創建的自動化，快速解決老項目代碼復用問題，同時正式進入第一個項目開發
1. 從源碼以及手寫實現的層級解讀Fiber 2. 從Fiber的執行過程，理解React選擇Fiber架構的原因
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
Hooks 是 React 的重要內容，React 使用各種 Hooks 來處理邏輯、更新數據。本章學習基礎 Hooks 如 useState useEffect ，高級 Hooks 如 useMemo useCallback useRef ，還有自定義 Hooks 和第三方 Hooks 。即學即用，使用 Hooks 重構之前的問卷列表頁。
扮演研發團隊D角色，使用React18技術棧構建子應用，詳解React18+Webpack子應用如何接入微前端體系，最終實現了【關于我們】業務模塊相關功能
托雷特同學是在校大學生，本科，計算機專業。自學前端半年多，主要用 React 技術棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現吧~
React 有多種 CSS 方案，如引入普通 CSS 、CSS-Module、CSS-in-JS 等，本章將全部介紹和對比，最后選擇 CSS-Module 方案，并使用 Sass 語法開發 CSS。即學即用，為頁面增加 CSS 樣式。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
在做RN開發的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
托雷特同學是在校大學生，本科，計算機專業。自學前端半年多，主要用 React 技術棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現吧~
托雷特同學是在校大學生，本科，計算機專業。自學前端半年多，主要用 React 技術棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現吧~
問卷編輯發布完以后，會產出一個 H5 頁面，供用戶填寫提交答卷，即 C 端。本章使用 Next.js 開發 C 端 H5 頁面，讓你從 0 學會 React 技術棧的 SSR 服務端渲染。本章內容和 B 端的發布、統計有很強的關聯，體現系統的統一完整性。
- 17-1 -章介紹
- 17-2 -介紹SSR，它的優缺點，和CSR的區別，以及應用場景
- 17-3 使用Next.js創建項目并啟動
- 17-4 -初試Next.js功能-擴展頁面，使用API
- 17-5 -介紹StaticGeneration-構建時生成html文件
- 17-6 -介紹Server-side-rendering-每次請求動態生成HTML
- 17-7 -定義動態路由，獲取url參數
- 17-8 -選擇form提交數據-和B端統計頁做數據匹配
- 17-9 -創建QuestionInput組件，并引入到頁面中
- 17-10 -創建QuestionRadio組件，并引入到頁面中
- 17-11 -創建form表單-使用隱藏域存儲questionId
- 17-12 -新建API，并提交form表單
- 17-13 -創建Mock接口，跑通前后端完整流程
- 17-14 -抽離PageWrapper組件，統一定義Head
- 17-15 -獲取問卷數據，并校驗是否正常
- 17-16 -根據問卷組件列表，動態渲染表單
- 17-17 -擴展表單組件Title，Paragraph和Info
- 17-18 -擴展表單組件TextArea和Checkbox
- 17-19 -單獨解決Checkbox組件的特殊性-合并多個value
- 17-20 -章總結
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
“造輪子”是一個過程，要想造企業級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發，為后續實戰項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發。
托雷特同學是在校大學生，本科，計算機專業。自學前端半年多，主要用 React 技術棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現吧~
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
擴展React18內容的學習，以及腳手架和第三個UI庫Ant-design的使用，并自主創建可復用的組件
- 16-1 react-transition-group模塊實現動畫功能
- 16-2 腳手架安裝及vsCode插件安裝
- 16-3 腳手架下樣式處理方式及Sass支持
- 16-4 Ant Design框架的安裝與使用（一）
- 16-5 Ant Design框架的安裝與使用（二）
- 16-6 仿Ant Design的Button組件實現
- 16-7 仿Ant Design的Rate組件實現
- 16-8 react-transition-group模塊實現動畫功能
- 16-9 createPortal傳送門與邏輯組件的實現
- 16-10 React.lazy與React.Suspense與錯誤邊界
- 16-11 章節總結
- 16-12 測試題（選擇）
- 16-13 測試題（實操）
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
