本章介紹怎樣使用第三方庫 Fontawesome 和 React-Transition-Group 完成圖標和 React 動畫的解決方案，同時將它們經過自定義，改造成新的組件。
復雜項目必須使用狀態(tài)管理，React 有多種狀態(tài)管理方案，如 useContext useReducer Redux 和 MobX ，本章都會講解并對比，最終選擇 Redux 。即學即用，使用 Redux 存儲管理用戶數(shù)據(jù)。
性能優(yōu)化是所有 Web 項目必備的事項。本章將對問卷項目進行性能優(yōu)化，使用 useMemo 和 useCallback 緩存數(shù)據(jù)，使用路由懶加載和 webpack 拆分代碼。最終將 main.js 代碼體積從 1.6M 優(yōu)化到 33KB ，極大提升加載效率。
在線考勤系統(tǒng)，描述列表數(shù)據(jù)交互、日歷數(shù)據(jù)交互、聯(lián)動更新，在線簽到功能，異?？记谔幚?，聯(lián)動日歷及月份等等。
建立全局觀，為后續(xù)在源碼中吸取精華做好思想準備，避免就源碼而分析源碼。
1. 分析React中常見的Context數(shù)據(jù)模式 2. 通過分析React Context，掌握Context實現(xiàn)原理
構建和優(yōu)化一個合理的路由架構是前端攻城獅必須掌握的技能。在本章中，課程會以react-router-dom V6為例，學會如何使用組件化的思想搭建一個簡單、高效、可拓展的路由系統(tǒng)。
W同學本科畢業(yè) 3 年，計算機專業(yè)，畢業(yè)之后一直做前端開發(fā)，但沒接觸過正規(guī)前端團隊的規(guī)范研發(fā)流程。她正在尋求自己職業(yè)突破的機會。同時作為女生，她也有未來職業(yè)規(guī)劃的顧慮。來看看她面試都會遇到哪些問題~
介紹 React 的歷史、背景和每次版本更新。介紹 React 的核心概念：組件化 + 數(shù)據(jù)驅動視圖。對比 React 和 Vue ，其實 React 比 Vue 更簡潔。
無論是校招還是社招，企業(yè)都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試?？嫉膶嶋H工作經驗問題。
React 是國內流行的前端框架，尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題，助你通過 React 技術棧的面試。
無論是校招還是社招，企業(yè)都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試?？嫉膶嶋H工作經驗問題。
無論是校招還是社招，企業(yè)都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試常考的實際工作經驗問題。
Hooks 是 React 的重要內容，React 使用各種 Hooks 來處理邏輯、更新數(shù)據(jù)。本章學習基礎 Hooks 如 useState useEffect ，高級 Hooks 如 useMemo useCallback useRef ，還有自定義 Hooks 和第三方 Hooks 。即學即用，使用 Hooks 重構之前的問卷列表頁。
學習完 React 的使用和原理，就來模擬面試吧。本章給出了大量的 React ?？济嬖囶}，幫你驗證學習效果，溫故知新。
在線考勤系統(tǒng)，添加審批、動態(tài)更新、分頁處理、篩選條件處理、聯(lián)動異?？记?、消息提醒功能等等。
- 22-1 章節(jié)介紹
- 22-2 添加審批頁功能欄與數(shù)據(jù)表格布局
- 22-3 分頁處理與篩選功能實現(xiàn)
- 22-4 彈出框布局與初始數(shù)據(jù)渲染
- 22-5 彈出框數(shù)據(jù)收集與添加審批
- 22-6 聯(lián)動異?？记陧摷皵?shù)據(jù)處理
- 22-7 我的審批頁功能欄與數(shù)據(jù)表格布局
- 22-8 我的審批頁功能實現(xiàn)與更新審批信息
- 22-9 渲染消息提醒與交互功能實現(xiàn)
- 22-10 更新消息提醒與消除消息提醒
- 22-11 章節(jié)總結
- 22-12 項目優(yōu)化 - 添加403 404 500頁面
表單組件是 Web 開發(fā)中比較獨立的部分，React 中也是如此。本章講解常見的表單組件，如 input radio checkbox 等，并學習幾種常見的表單校驗工具。即學即用，開發(fā)登錄、注冊頁，并配置校驗規(guī)則。
本章講解了「歡樂購」項目中，引導、登陸、注冊頁面的實現(xiàn)鏈路，Charles 移動端請求代理轉發(fā)工具的使用、Rem 自適應布局的實現(xiàn)、Iconfont 等常用前端開發(fā)工具的使用，過程中幫助同學完成彈框組件、請求 Hook 等通用能力的封裝。通過本章學習，同學們可以輕松應對相對簡單的企業(yè)移動端頁面的開發(fā)。
本章講解了「歡樂購」項目中，引導、登陸、注冊頁面的實現(xiàn)鏈路，Charles 移動端請求代理轉發(fā)工具的使用、Rem 自適應布局的實現(xiàn)、Iconfont 等常用前端開發(fā)工具的使用，過程中幫助同學完成彈框組件、請求 Hook 等通用能力的封裝。通過本章學習，同學們可以輕松應對相對簡單的企業(yè)移動端頁面的開發(fā)。
1. 通過實現(xiàn)不同Hooks API，進一步掌握各種不同Hooks的使用與底層原理，從而解決實際項目的bug與性能問題
本章主要學習本地數(shù)據(jù)持久化，realmjs的使用，通過記錄用戶曾經播放過的音頻以及播放到的時間，然后以列表的形式展示出來。
前端開發(fā)第一步就是要先把項目搭起來，初始化項目，創(chuàng)建目錄結構，完成通用的功能，比如接口請求、組件庫引入、圖片管理等。
扮演研發(fā)團隊D角色，使用React18技術棧構建子應用，詳解React18+Webpack子應用如何接入微前端體系，最終實現(xiàn)了【關于我們】業(yè)務模塊相關功能
日常工作中，我們常常會面臨如何復用老項目代碼的問題，本章我們將通過腳手架的方式實現(xiàn)項目創(chuàng)建的自動化，快速解決老項目代碼復用問題，同時正式進入第一個項目開發(fā)
無論是校招還是社招，企業(yè)都希望得到工作經驗豐富的候選人。所以面試時會有很多面試題來考察候選人，是否有真實工作經驗（而非只做過個人項目和 demo）。本章將通過多個面試題，講解前端面試?？嫉膶嶋H工作經驗問題。
完成節(jié)點更新之后完成節(jié)點的創(chuàng)建，并提供優(yōu)化到最小幅度的DOM更新列表
1. 分析React中常見的Context數(shù)據(jù)模式 2. 通過實現(xiàn)與分析React Context，掌握Context實現(xiàn)原理
“造輪子”是一個過程，要想造企業(yè)級輪子，自然需要更加豐富全面的技術。從本章開始，將帶領大家在梳理鞏固知識的同時，進行“實用輪子”的開發(fā)，為后續(xù)實戰(zhàn)項目做好準備。本章中，將分別針對React.js的核心知識，以及UmiJs的基礎知識，進行梳理，并應用這些知識帶領大家完成多款自定義組件（LazyLoad、ErrorBoundary、 Modal）的開發(fā)。
前端開發(fā)第一步就是要先把項目搭起來，初始化項目，創(chuàng)建目錄結構，完成通用的功能，比如接口請求、組件庫引入、圖片管理等。
本章從0講解JSX和Hook語法，詳細講解每一個知識點，學完即可掌握事件交互、循環(huán)、React緩存和React調試能力，能夠動手開發(fā)一個動態(tài)的頁面
