學習前：底層源碼的高效學習方法分享，包括如何高效學習React源碼，如何debug React源碼，如何運行React測試用例及如何成為React Contributor 。
完成節點更新之后完成節點的創建，并提供優化到最小幅度的DOM更新列表
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
遇到一個需求、問題或者一段代碼，如何能高效的分析、解決它，這是前端程序員的必備技能。否則你將無法獨立工作，這不是企業需要的人才。本章將通過多個面試題，教你如何分析問題、解決問題。
本章引入Agent技術，讓RAG系統更智能。首先介紹Agent的概念、技術和主流產品，重點講解ReAct的Agent實現方式。基于此，實現一個針對多文檔的RAG路由，使RAG系統能自動選擇不同RAG文檔，提升性能。通過本章，你將學會如何利用Agent技術增強RAG系統，實現自動切換不同信息源，讓RAG應用更高效、更智能。
托雷特同學是在校大學生，本科，計算機專業。自學前端半年多，主要用 React 技術棧，跟著課程做過個人項目。他正在準備校招，也在尋求大廠實習機會。來看看他的面試是什么表現吧~
無論是校招還是社招，企業都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試常考的實際工作經驗問題。
- 7-1 如何統一監聽React組件報錯
- 7-2 開始-學習要點和注意事項
- 7-3 H5頁面如何進行首屏優化
- 7-4 后端一次性返回10w條數據，你該如何渲染
- 7-5 擴展：文字超出省略
- 7-6 前端常用的設計模式和使用場景
- 7-7 【連環問】觀察者模式和發布訂閱模式的區別
- 7-8 在實際工作中，你對Vue做過哪些優化
- 7-9 【連環問】你在使用Vue過程中遇到過哪些坑
- 7-10 在實際工作中，你對React做過哪些優化-上集
- 7-11 在實際工作中，你對React做過哪些優化-下集
- 7-12 【連環問】你在使用React時遇到過哪些坑
- 7-13 如何統一監聽Vue組件報錯
- 7-14 如何統一監聽React組件報錯
- 7-15 如果一個H5很慢，如何排查性能問題-通過Chrome Performance分析
- 7-16 如果一個H5很慢，如何排查性能問題-使用lighthouse分析
- 7-17 工作中遇到過哪些項目難點，是如何解決的
- 7-18 擴展：處理溝通沖突
- 7-19 重點及注意事項總結
和 Vue 相比，使用 React 時更需要開發人員了解其原理，面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ，組件更新渲染過程等 React 原理?？嫉闹R點和面試題。
React 是國內流行的前端框架，尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題，助你通過 React 技術棧的面試。
Hooks 是 React 的重要內容，React 使用各種 Hooks 來處理邏輯、更新數據。本章學習基礎 Hooks 如 useState useEffect ，高級 Hooks 如 useMemo useCallback useRef ，還有自定義 Hooks 和第三方 Hooks 。即學即用，使用 Hooks 重構之前的問卷列表頁。
無論是校招還是社招，企業都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試常考的實際工作經驗問題。
- 30-1 如何統一監聽React組件報錯
- 30-2 開始-學習要點和注意事項
- 30-3 H5頁面如何進行首屏優化
- 30-4 后端一次性返回10w條數據，你該如何渲染
- 30-5 擴展：文字超出省略
- 30-6 前端常用的設計模式和使用場景
- 30-7 【連環問】觀察者模式和發布訂閱模式的區別
- 30-8 在實際工作中，你對Vue做過哪些優化
- 30-9 【連環問】你在使用Vue過程中遇到過哪些坑
- 30-10 在實際工作中，你對React做過哪些優化-上集
- 30-11 在實際工作中，你對React做過哪些優化-下集
- 30-12 【連環問】你在使用React時遇到過哪些坑
- 30-13 如何統一監聽Vue組件報錯
- 30-14 如何統一監聽React組件報錯
- 30-15 如果一個H5很慢，如何排查性能問題-通過Chrome Performance分析
- 30-16 如果一個H5很慢，如何排查性能問題-使用lighthouse分析
- 30-17 工作中遇到過哪些項目難點，是如何解決的
- 30-18 擴展：處理溝通沖突
和 Vue 一樣，React 也是面試必備技能，而且大廠的考察概率更高。本章講解 React 基本使用，高級特性，性能優化，redux 等內容的知識點和面試題。
本章回顧了 React 的基礎知識，從而引出了全新的 React Hooks，配合上一章typescript的基礎知識，詳細講解了 useState, useEffect, 自定義Hook，useContext 和 useRef 等基礎知識，為組件庫的開發打下堅實基礎。
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
學習前：底層源碼的高效學習方法分享，包括如何高效學習React源碼，如何debug React源碼，如何運行React測試用例及如何成為React Contributor 。
性能提高：React Lanes模型源碼剖析，包括：React Lanes模型背景、模型的應用、模型常用工具函數，最后講解React1 8新增的transition和 useDeferredValue原理 。
本章將手把手搭建一套RN網絡框架，帶你掌握網絡操作、本地存儲核心技術的基礎上，傳授你開發提效的思路、方案和經驗。
“造輪子”是一個過程，要想造企業級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發，為后續實戰項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發。
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
React 是國內流行的前端框架，尤其大廠應用較多。本章講解 React 基礎應用，助你通過 React 技術棧的面試。
遇到一個需求、問題或者一段代碼，如何能高效的分析、解決它，這是前端程序員的必備技能。否則你將無法獨立工作，這不是企業需要的人才。本章將通過多個面試題，教你如何分析問題、解決問題。
本章從0講解JSX和Hook語法，詳細講解每一個知識點，學完即可掌握事件交互、循環、React緩存和React調試能力，能夠動手開發一個動態的頁面
本章中對React 框架優勢、React 18 版本特點特性，以及課程整體的教學思路和方法，進行了梳理，幫助大家更加清晰的認識 React 18。
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
- 2-1 學員糊涂了【手寫一個 React “心跳”組件】
- 2-2 【簡歷分析】項目不能只寫工作，還要寫出成績和結果析
- 2-3 編碼熟練，思路清晰，一開始就留下好印象【CSS 實現一個四合院】
- 2-4 學員表現出了這方面的工作經驗【CSS 如何實現黑白主題切換】
- 2-5 體現出學員對 ES 語法和 API 使用較少【有沒有用過 Map 和 Set】
- 2-6 暴露了 JS 基礎只是不夠扎實【JS 閉包 讀代碼說結果】
- 2-7 學員對前端周邊新聞沒有關注【瀏覽器為何要禁用第三方 cookie】
- 2-8 知道表現，但不知道原因【React useEffect 閉包陷阱】
- 2-9 越簡單的任務越能暴露細節問題【手寫 React input 受控組件】
- 2-10 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】1
- 2-11 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】2
- 2-12 useEffect 應該返回什么？學員糊涂了【手寫一個 React “心跳”組件】
- 2-13 基礎算法題沒有好好準備【手寫快速排序，說明時間復雜度】
- 2-14 學員有思路，但實現不出來【合并兩個遞增數組】
- 2-15 學員竟沒聽說過這個問題【React 事件和 DOM 事件的區別】
- 2-16 了解 VNode 結構但寫出很多細節錯誤【根據一段 JSX 寫 render 函數】
- 2-17 有思路，敢于嘗試，知難而進，很贊！【設計并實現“撤銷重做”功能】
- 2-18 別光介紹項目功能，要重點介紹技術，你不是PM【介紹你的一個項目】
- 2-19 表現出團隊流程不規范【如果線上遇到了 bug 你該怎么處理】
- 2-20 學習新知識的能力尚欠缺【自定義 DSL 流程圖】
- 2-21 反問面試官 - 面試過程點評
- 2-22 反問面試官 - 自己選擇 React 的合理理由
- 2-23 反問面試官 - 只有個人項目，如何做項目介紹？
- 2-24 反問面試官 - 女生職業規劃難題，未來是否轉行產品經理？
- 2-25 反問面試官 - 如何判斷公司符合自己的期望
- 2-26 反問面試官-正式面試時應該怎么樣問？
本章引入Agent技術，讓RAG系統更智能。首先介紹Agent的概念、技術和主流產品，重點講解ReAct的Agent實現方式。基于此，實現一個針對多文檔的RAG路由，使RAG系統能自動選擇不同RAG文檔，提升性能。通過本章，你將學會如何利用Agent技術增強RAG系統，實現自動切換不同信息源，讓RAG應用更高效、更智能。
本章主要針對React hooks進行講解，介紹了如何應用第三方 think-react-store（基于React context 和 hook實現的實現數據流解決方案） 完成數據流操作，并繼續進行我們的”造輪子“之旅，完成了多個自定義hook的開發，這些也都將直接應用在之后的實戰項目中，并會結合項目需求逐步優化，變成”好輪子“。
本節課的設計初衷是希望幫助到有一定Android、iOS、前端、RN知識的同學，能夠復用到現有的知識來快速解鎖Flutter開發拓寬技術棧。
- 5-1 React Native開發者的Flutter快速上手指南（一）
- 5-2 解鎖Flutter開發拓寬技術棧
- 5-3 Android開發者的Flutter快速上手指南（一）
- 5-4 Android開發者的Flutter快速上手指南（二）
- 5-5 iOS開發者的Flutter快速上手指南（一）
- 5-6 iOS開發者的Flutter快速上手指南（二）
- 5-7 前端開發者的Flutter快速上手指南（一）
- 5-8 前端開發者的Flutter快速上手指南（二）
- 5-9 React Native開發者的Flutter快速上手指南（一）
- 5-10 React Native開發者的Flutter快速上手指南（二）
- 5-11 本章總結
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
