工廠模式是前端常用設計模式之一。本章將詳細講解工廠模式，從概念背景，到代碼示例和 UML 類圖，最后到它的具體使用場景。
在線考勤系統，登錄頁交互實現，token權限驗證，持久化實現免登陸，根據token獲取用戶信息，根據用戶角色的權限生產動態菜單等等。
本章從0講解JSX和Hook語法，詳細講解每一個知識點，學完即可掌握事件交互、循環、React緩存和React調試能力，能夠動手開發一個動態的頁面
介紹 React 的歷史、背景和每次版本更新。介紹 React 的核心概念：組件化 + 數據驅動視圖。對比 React 和 Vue ，其實 React 比 Vue 更簡潔。
redux是目前react中最流行的架構模式，本章將會通過網站的i18n國際化語言切換為案例，一步一步學會如何創建狀態倉庫store、如何實現store的鏈接與訂閱、如何拆分合并reducer，以及如何統一管理action。除此以外，我們還會學習如何使用TypeScript來處理redux相關代碼的強類型定義。
建立全局觀，為后續在源碼中吸取精華做好思想準備，避免就源碼而分析源碼。
本章將直接帶同學們使用 React 基礎語法上手一款小游戲的開發，在簡單實戰的過程中帶同學們了解 React 18 的代碼開發方式、調試工具，以及常見的基礎語法。通過本章學習，同學們可以對 React 開發有一個非?；A的認識，有助于后續系統性學習。
本章將從開發語言、開發工具、布局、第三方庫等，以及作為Android和iOS、前端、React Native不同領域的開發者如何快速上手Flutter的學習.
- 2-1 React Native 開發者如何快速上手Flutter開發（一）
- 2-2 Android開發者如何快速上手Flutter開發（一）
- 2-3 Android開發者如何快速上手Flutter開發（二）
- 2-4 iOS開發者如何快速上手Flutter開發（一）
- 2-5 iOS開發者如何快速上手Flutter開發（二）
- 2-6 前端開發者如何快速上手Flutter開發（一）
- 2-7 前端開發者如何快速上手Flutter開發（二）
- 2-8 React Native 開發者如何快速上手Flutter開發（一）
- 2-9 React Native 開發者如何快速上手Flutter開發（二）
- 2-10 本章總結
遇到一個需求、問題或者一段代碼，如何能高效的分析、解決它，這是前端程序員的必備技能。否則你將無法獨立工作，這不是企業需要的人才。本章將通過多個面試題，教你如何分析問題、解決問題。
- 9-1 -讀代碼-React-setState經典面試題
- 9-2 開始-學習要點和注意事項
- 9-3 [1, 2, 3].map(parseInt)
- 9-4 -讀代碼-函數修改形參，能否影響實參？
- 9-5 -把一個數組轉換為樹
- 9-6 -【連環問】把一個樹轉換為數組
- 9-7 -讀代碼-構造函數和原型的重名屬性
- 9-8 -一道讓人失眠的promise-then執行順序問題
- 9-9 -讀代碼-React-setState經典面試題
- 9-10 -React-setState是微任務還是宏任務
- 9-11 -讀代碼-對象和屬性的連續賦值
- 9-12 -讀代碼-對象屬性類型的問題
- 9-13 擴展補充：解決問題的常見思路
- 9-14 重點及注意事項總結
需求分析、項目演示和App流程結構介紹：讓你對實戰App有個整體和系統的認識；技術分解：讓你知道開發一款React Native應用通常需要用到哪些技術？最后，會教你如何基于新版react-navigation來搭建整個APP的導航框架，動態TabBar的探索和實現，以及一些高級應用和實戰技巧。
本章會教你對React Native進行發布前的優化；以及如何打包發布React Native Android應用與React Native iOS應用，以及如何使用CodePush進行熱更新。
和 Vue 相比，使用 React 時更需要開發人員了解其原理，面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ，組件更新渲染過程等 React 原理常考的知識點和面試題。
本章主要針對React hooks進行講解，介紹了如何應用第三方 think-react-store（基于React context 和 hook實現的實現數據流解決方案） 完成數據流操作，并繼續進行我們的”造輪子“之旅，完成了多個自定義hook的開發，這些也都將直接應用在之后的實戰項目中，并會結合項目需求逐步優化，變成”好輪子“。
“造輪子”是一個過程，要想造企業級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發，為后續實戰項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發。
React是什么？他的出現解決了什么問題？讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中，將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
裝飾器模式是前端常用的設計模式之一。ES 規范早已引入了裝飾器語法，Typescript 也原生支持裝飾器語法，是前端工程師必備的技能。本章將詳細講解裝飾器模式，從概念背景，到代碼示例和 UML 類圖，最后到它的具體使用場景：Typescript 裝飾器語法。
項目開發完了，就要上線了，借助阿里云提供各種服務，你可以快速上線自己的產品，云服務也是你必須了解的，不論是工作還是干私活掙外快，本章你都不能錯過。
本章主要學習在FlatList中展示視頻，以及視頻的播放功能。并且同一時間只能播放一個視頻，需要做一些優化，并且在播放視頻時需要暫停音頻。
和 Vue 一樣，React 也是面試必備技能，而且大廠的考察概率更高。本章講解 React 基本使用，高級特性，性能優化，redux 等內容的知識點和面試題。
React 是國內流行的前端框架，尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題，助你通過 React 技術棧的面試。
本章將直接帶同學們使用 React 基礎語法上手一款小游戲的開發，在簡單實戰的過程中帶同學們了解 React 18 的代碼開發方式、調試工具，以及常見的基礎語法。通過本章學習，同學們可以對 React 開發有一個非?；A的認識，有助于后續系統性學習。
1. 理解React合成事件的必要性 2. 解釋項目中的合成事件以及原生事件場景和bug 3. 通過自己實現React合成事件，深入理解框架級別的事件
JSX 和組件是 React 的基礎，本章將從 0 講解 JSX 語法，從 0 認識組件、屬性，以及組件的拆分和嵌套。即學即用，開發一個問卷列表頁。
- 4-1 -React開發者工具-讓React調試更簡單
- 4-2 -JSX語法和HTML相似-很容易學習
- 4-3 -JSX的標簽-和HTML標簽有幾點不同
- 4-4 -JSX的屬性-style改動非常大
- 4-5 -JSX中監聽DOM 事件-遇到了Typescript類型問題
- 4-6 -補充Typescript類型基礎知識-解答上一節的困惑
- 4-7 -JSX中插入JS變量和表達式-讓JSX真正融入JS代碼中
- 4-8 -JSX中使用條件判斷-讓JSX具備if-else能力
- 4-9 -JSX中使用循環-讓JSX真正動起來
- 4-10 -實戰-開發項目列表頁-即學即用效果好
- 4-11 -React組件基礎-拆分UI結構，便于開發維護和復用
- 4-12 -組件props-父子組件通訊的橋梁
- 4-13 -React開發者工具-讓React調試更簡單
- 4-14 -加餐-JSX和Vue模板的區別-體現兩者設計理念的差異
- 4-15 -章總結
W同學本科畢業 3 年，計算機專業，畢業之后一直做前端開發，但沒接觸過正規前端團隊的規范研發流程。她正在尋求自己職業突破的機會。同時作為女生，她也有未來職業規劃的顧慮。來看看她面試都會遇到哪些問題~
- 36-1 學員糊涂了【手寫一個 React “心跳”組件】
- 36-2 【簡歷分析】項目不能只寫工作，還要寫出成績和結果析
- 36-3 編碼熟練，思路清晰，一開始就留下好印象【CSS 實現一個四合院】
- 36-4 學員表現出了這方面的工作經驗【CSS 如何實現黑白主題切換】
- 36-5 體現出學員對 ES 語法和 API 使用較少【有沒有用過 Map 和 Set】
- 36-6 暴露了 JS 基礎只是不夠扎實【JS 閉包 讀代碼說結果】
- 36-7 學員對前端周邊新聞沒有關注【瀏覽器為何要禁用第三方 cookie】
- 36-8 知道表現，但不知道原因【React useEffect 閉包陷阱】
- 36-9 越簡單的任務越能暴露細節問題【手寫 React input 受控組件】
- 36-10 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】1
- 36-11 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】2
- 36-12 useEffect 應該返回什么？學員糊涂了【手寫一個 React “心跳”組件】
- 36-13 基礎算法題沒有好好準備【手寫快速排序，說明時間復雜度】
- 36-14 學員有思路，但實現不出來【合并兩個遞增數組】
- 36-15 學員竟沒聽說過這個問題【React 事件和 DOM 事件的區別】
- 36-16 了解 VNode 結構但寫出很多細節錯誤【根據一段 JSX 寫 render 函數】
- 36-17 有思路，敢于嘗試，知難而進，很贊！【設計并實現“撤銷重做”功能】
- 36-18 別光介紹項目功能，要重點介紹技術，你不是PM【介紹你的一個項目】
- 36-19 表現出團隊流程不規范【如果線上遇到了 bug 你該怎么處理】
- 36-20 學習新知識的能力尚欠缺【自定義 DSL 流程圖】
- 36-21 反問面試官 - 面試過程點評
- 36-22 反問面試官 - 自己選擇 React 的合理理由
- 36-23 反問面試官 - 只有個人項目，如何做項目介紹？
- 36-24 反問面試官 - 女生職業規劃難題，未來是否轉行產品經理？
- 36-25 反問面試官 - 如何判斷公司符合自己的期望
- 36-26 反問面試官-正式面試時應該怎么樣問？
和 Vue 一樣，React 也是面試必備技能，而且大廠的考察概率更高。本章講解 React 基本使用，高級特性，性能優化，redux 等內容的知識點和面試題。
本章將全面對比Vue和React框架的相似點和差異點，通過對比的方式，可以讓同學們更加快速的掌握兩大框架。通過兩大框架的掌握，更符合企業高級人才的需求。以及掌握React中如何使用TS進行開發。
本章將直接帶同學們使用 React 基礎語法上手一款小游戲的開發，在簡單實戰的過程中帶同學們了解 React 18 的代碼開發方式、調試工具，以及常見的基礎語法。通過本章學習，同學們可以對 React 開發有一個非?；A的認識，有助于后續系統性學習。
本章講解 Webpack 中的一些核心概念，從 Loader 與 Plugin 開始，帶你學明白 Webpack 的運行機制，然后逐步深入，擴展衍生出 SoureMap， HMR， WDS 等常見概念。本章課程學習過程中，額外增加了對 Webpack 官方文檔的查閱方式講解，幫助大家學會查閱文檔。
