本章主要講解redux和redux-saga的封裝庫dva，以及dva和react-native的集成以及插件loading
本章主要針對React hooks進行講解，介紹了如何應用第三方 think-react-store（基于React context 和 hook實現的實現數據流解決方案） 完成數據流操作，并繼續(xù)進行我們的”造輪子“之旅，完成了多個自定義hook的開發(fā)，這些也都將直接應用在之后的實戰(zhàn)項目中，并會結合項目需求逐步優(yōu)化，變成”好輪子“。
本章將帶領大家快速入門Vite的基礎實戰(zhàn)，并講解Vite原理和Webpack的區(qū)別等內容
在學習了vue插件開發(fā)之后，我們將來學習前端工程化中另一流行框架React插件的開發(fā)，本章就將從React原理解析開始，深度解析super-tiny-compiler編譯器實現原理，從zbestpc項目移植到react項目集成工程化腳手架，徹底搞懂React插件實現原理。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
建立全局觀，為后續(xù)在源碼中吸取精華做好思想準備，避免就源碼而分析源碼。
1. 理解React合成事件的必要性 2. 解釋項目中的合成事件以及原生事件場景和bug 3. 通過自己實現React合成事件，深入理解框架級別的事件
redux是目前react中最流行的架構模式，本章將會通過網站的i18n國際化語言切換為案例，一步一步學會如何創(chuàng)建狀態(tài)倉庫store、如何實現store的鏈接與訂閱、如何拆分合并reducer，以及如何統一管理action。除此以外，我們還會學習如何使用TypeScript來處理redux相關代碼的強類型定義。
工廠模式是前端常用設計模式之一。本章將詳細講解工廠模式，從概念背景，到代碼示例和 UML 類圖，最后到它的具體使用場景。
擴展React18內容的學習，以及腳手架和第三個UI庫Ant-design的使用，并自主創(chuàng)建可復用的組件
本章將全面對比Vue和React框架的相似點和差異點，通過對比的方式，可以讓同學們更加快速的掌握兩大框架。通過兩大框架的掌握，更符合企業(yè)高級人才的需求。以及掌握React中如何使用TS進行開發(fā)。
本章詳細介紹 React 18 的基礎語法，全面使用基于 Hook 和函數組件的思路進行教學，幫助同學不僅掌握 React 提供的語法 API，同時掌握基于數據驅動的函數式編程開發(fā)理念，真正掌握新版本 React 的編程精髓。通過本章學習，同學們可以完整的掌握 React 18 中核心 API 的使用。
本章主要學習表單的校驗和提交，并且需要保存登錄狀態(tài)，這樣用戶在以后進入應用時，就不會再次提醒需要登錄了。
在做RN開發(fā)的時候通常離不了JS 和Native之間的通信，比如：初始化RN時Native向JS傳遞數據，JS調用Native的相冊選擇圖片，JS調用Native的模塊進行一些復雜的計算，Native將一些數據(GPS信息，陀螺儀，傳感器等)主動傳遞給JS等，在本章中我將向大家介紹在RN中JS和Native之間通信的幾種方式以及其原理和使用技巧。
本章主要學習在FlatList中展示視頻，以及視頻的播放功能。并且同一時間只能播放一個視頻，需要做一些優(yōu)化，并且在播放視頻時需要暫停音頻。
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
- 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 越簡單的任務越能暴露細節(jié)問題【手寫 React input 受控組件】
- 2-10 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】1
- 2-11 基礎必考題，學員竟回答錯了【React setState 讀代碼說結果】2
- 2-12 useEffect 應該返回什么？學員糊涂了【手寫一個 React “心跳”組件】
- 2-13 基礎算法題沒有好好準備【手寫快速排序，說明時間復雜度】
- 2-14 學員有思路，但實現不出來【合并兩個遞增數組】
- 2-15 學員竟沒聽說過這個問題【React 事件和 DOM 事件的區(qū)別】
- 2-16 了解 VNode 結構但寫出很多細節(jié)錯誤【根據一段 JSX 寫 render 函數】
- 2-17 有思路，敢于嘗試，知難而進，很贊！【設計并實現“撤銷重做”功能】
- 2-18 別光介紹項目功能，要重點介紹技術，你不是PM【介紹你的一個項目】
- 2-19 表現出團隊流程不規(guī)范【如果線上遇到了 bug 你該怎么處理】
- 2-20 學習新知識的能力尚欠缺【自定義 DSL 流程圖】
- 2-21 反問面試官 - 面試過程點評
- 2-22 反問面試官 - 自己選擇 React 的合理理由
- 2-23 反問面試官 - 只有個人項目，如何做項目介紹？
- 2-24 反問面試官 - 女生職業(yè)規(guī)劃難題，未來是否轉行產品經理？
- 2-25 反問面試官 - 如何判斷公司符合自己的期望
- 2-26 反問面試官-正式面試時應該怎么樣問？
本章將直接帶同學們使用 React 基礎語法上手一款小游戲的開發(fā)，在簡單實戰(zhàn)的過程中帶同學們了解 React 18 的代碼開發(fā)方式、調試工具，以及常見的基礎語法。通過本章學習，同學們可以對 React 開發(fā)有一個非?；A的認識，有助于后續(xù)系統性學習。
和 Vue 一樣，React 也是面試必備技能，而且大廠的考察概率更高。本章講解 React 基本使用，高級特性，性能優(yōu)化，redux 等內容的知識點和面試題。
虛擬DOM大行其道的今天，還能不能用原生代碼操作原生DOM呢？DOM1,DOM2, DOM3, DOM4，事件監(jiān)聽函數添加和刪除的小秘密，空白節(jié)點，圖片空白間距，跨文檔復制等等這些高級操作，你掌握了嗎？ 本章娓娓道來，一網打盡。
我們該用哪些技術來完成本項目？這其中最關鍵的 React 技術，他的核心原理是什么？最新的 18 版本有哪些新的功能。如果你是一個前端架構師，該怎么畫一張技術架構圖？
對于一個復雜前端項目，在編碼之前，分析過程可謂是“磨刀不誤砍柴工”，本周我們來給大家講解怎樣一步步抽絲剝繭，從需求到難點，再到系統整體設計。
本章將全面對比Vue和React框架的相似點和差異點，通過對比的方式，可以讓同學們更加快速的掌握兩大框架。通過兩大框架的掌握，更符合企業(yè)高級人才的需求。以及掌握React中如何使用TS進行開發(fā)。
陳同學畢業(yè)自某 985 大學非計算機專業(yè)，工作一年后轉行自學前端，主要是跟著課程學習 React 和 Vue3 ，做過個人項目。他正在找自己人生第一份前端工程師的工作，一起看看他模擬面試有什么樣的表現~
React 是國內流行的前端框架，尤其大廠應用較多。本章講解 React 基礎應用，助你通過 React 技術棧的面試。
1. 掌握diff原則，理解React VDOM DIFF算法的實現與原因
1. 掌握diff原則，理解React VDOM DIFF算法的實現與原因
“造輪子”是一個過程，要想造企業(yè)級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發(fā)，為后續(xù)實戰(zhàn)項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發(fā)。
遇到一個需求、問題或者一段代碼，如何能高效的分析、解決它，這是前端程序員的必備技能。否則你將無法獨立工作，這不是企業(yè)需要的人才。本章將通過多個面試題，教你如何分析問題、解決問題。
- 9-1 -讀代碼-React-setState經典面試題
- 9-2 開始-學習要點和注意事項
- 9-3 [1, 2, 3].map(parseInt)
- 9-4 -讀代碼-函數修改形參，能否影響實參？
- 9-5 -把一個數組轉換為樹
- 9-6 -【連環(huán)問】把一個樹轉換為數組
- 9-7 -讀代碼-構造函數和原型的重名屬性
- 9-8 -一道讓人失眠的promise-then執(zhí)行順序問題
- 9-9 -讀代碼-React-setState經典面試題
- 9-10 -React-setState是微任務還是宏任務
- 9-11 -讀代碼-對象和屬性的連續(xù)賦值
- 9-12 -讀代碼-對象屬性類型的問題
- 9-13 擴展補充：解決問題的常見思路
- 9-14 重點及注意事項總結
