學(xué)前技術(shù)儲備:React核心知識點講解
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優(yōu)化,redux 等內(nèi)容的知識點和面試題。
“造輪子”是一個過程,要想造企業(yè)級輪子,自然需要更加豐富全面的技術(shù)。從本章開始,將帶領(lǐng)大家在梳理鞏固知識的同時,進行“實用輪子”的開發(fā),為后續(xù)實戰(zhàn)項目做好準備。本章中,將分別針對React.js的核心知識,以及UmiJs的基礎(chǔ)知識,進行梳理,并應(yīng)用這些知識帶領(lǐng)大家完成多款自定義組件(LazyLoad、ErrorBoundary、 Modal)的開發(fā)。
React 是國內(nèi)流行的前端框架,尤其大廠應(yīng)用較多。本章講解 React 基礎(chǔ)應(yīng)用,助你通過 React 技術(shù)棧的面試。
本章將帶領(lǐng)同學(xué)們實現(xiàn)一個真實可用的 Vite 插件。應(yīng)用該插件,可以輕松實現(xiàn)用 MDX語法來寫頁面,并且可實現(xiàn)主題切換內(nèi)置組件等功能,讓你快速搞定靜態(tài)頁面。
- 6-1 MDX 如何配合 React 使用
- 6-2 MDX 語法介紹和插件設(shè)計
- 6-3 MDX 的使用以及 mdx-loader 的原理
- 6-4 MDX 如何配合 React 使用
- 6-5 插件 Vue 版本基礎(chǔ)實現(xiàn)
- 6-6 Vue3 的 mdx 函數(shù)實現(xiàn)
- 6-7 Vite-mdx 插件 vue3 聯(lián)調(diào)
- 6-8 Vite-mdx 插件集成 react
- 6-9 Vite-mdx 插件進一步完善
- 6-10 獨立開發(fā) vite-mdx 插件并發(fā)布到 npm
- 6-11 解決發(fā)布 vite-mdx 插件的問題
和 Vue 相比,使用 React 時更需要開發(fā)人員了解其原理,面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ,組件更新渲染過程等 React 原理??嫉闹R點和面試題。
本章是課程的基礎(chǔ)知識鋪墊。課程使用 Typescript 做代碼演示,所以先介紹 Typescript 類型。設(shè)計模式是基于面向?qū)ο缶幊?OOP 的,所以先介紹面向?qū)ο蟮母拍?。UML 類圖是面向?qū)ο缶幊痰闹匾O(shè)計工具。
React 是國內(nèi)流行的前端框架,尤其大廠應(yīng)用較多。本章講解 React 高級應(yīng)用和原理的考點和面試題,助你通過 React 技術(shù)棧的面試。
建立全局觀,為后續(xù)在源碼中吸取精華做好思想準備,避免就源碼而分析源碼。
1. 剖析React底層調(diào)度機制 2. 分析React與合作式調(diào)度器 & 搶占式調(diào)度器 3. 分析如何避免任務(wù)餓死 4. 掌握時間切片與Aging策略 5. 掌握單線程調(diào)度器運行機制
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優(yōu)化,redux 等內(nèi)容的知識點和面試題。
構(gòu)建和優(yōu)化一個合理的路由架構(gòu)是前端攻城獅必須掌握的技能。在本章中,課程會以react-router-dom V6為例,學(xué)會如何使用組件化的思想搭建一個簡單、高效、可拓展的路由系統(tǒng)。
全面掌握React路由和redux狀態(tài)管理,理解最新Redux-Toolkit符合企業(yè)用人需求,也滿足項目開發(fā)需求,是React開發(fā)人員的必備技能。
本章將直接帶同學(xué)們使用 React 基礎(chǔ)語法上手一款小游戲的開發(fā),在簡單實戰(zhàn)的過程中帶同學(xué)們了解 React 18 的代碼開發(fā)方式、調(diào)試工具,以及常見的基礎(chǔ)語法。通過本章學(xué)習(xí),同學(xué)們可以對 React 開發(fā)有一個非?;A(chǔ)的認識,有助于后續(xù)系統(tǒng)性學(xué)習(xí)。
學(xué)習(xí)前:底層源碼的高效學(xué)習(xí)方法分享,包括如何高效學(xué)習(xí)React源碼,如何debug React源碼,如何運行React測試用例及如何成為React Contributor 。
本章將會基于react hooks 繼續(xù)完成購物車組件,并通過函數(shù)式組件來學(xué)習(xí)hooks相關(guān)知識與技巧。
在學(xué)習(xí)了vue插件開發(fā)之后,我們將來學(xué)習(xí)前端工程化中另一流行框架React插件的開發(fā),本章就將從React原理解析開始,深度解析super-tiny-compiler編譯器實現(xiàn)原理,從zbestpc項目移植到react項目集成工程化腳手架,徹底搞懂React插件實現(xiàn)原理。
React 是國內(nèi)流行的前端框架,尤其大廠應(yīng)用較多。本章講解 React 基礎(chǔ)應(yīng)用,助你通過 React 技術(shù)棧的面試。
我們該用哪些技術(shù)來完成本項目?這其中最關(guān)鍵的 React 技術(shù),他的核心原理是什么?最新的 18 版本有哪些新的功能。如果你是一個前端架構(gòu)師,該怎么畫一張技術(shù)架構(gòu)圖?
Hooks 是 React 的重要內(nèi)容,React 使用各種 Hooks 來處理邏輯、更新數(shù)據(jù)。本章學(xué)習(xí)基礎(chǔ) Hooks 如 useState useEffect ,高級 Hooks 如 useMemo useCallback useRef ,還有自定義 Hooks 和第三方 Hooks 。即學(xué)即用,使用 Hooks 重構(gòu)之前的問卷列表頁。
1. 掌握diff原則,理解React VDOM DIFF算法的實現(xiàn)與原因
不定期為大家補充React Native前沿技術(shù)。
本章通過 BDD 與集成測試,通過重新改寫測試用例和業(yè)務(wù)代碼,讓大家清晰直觀的看到 BDD 和集成測試在開發(fā)快速迭代業(yè)務(wù)代碼時的優(yōu)勢, 通過本章講解,大家可以深入理解TDD,BDD,單元測試,集成測試的適用場景,選擇適合自己的測試方案。還會講解Redux,路由,axios 的測試方案。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優(yōu)化,redux 等內(nèi)容的知識點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優(yōu)化,redux 等內(nèi)容的知識點和面試題。
構(gòu)建和優(yōu)化一個合理的路由架構(gòu)是前端攻城獅必須掌握的技能。在本章中,課程會以react-router-dom V5為例,學(xué)會如何使用組件化的思想搭建一個簡單、高效、可拓展的路由系統(tǒng)。想直接學(xué)習(xí)react-router-dom V6的同學(xué)可以跳過本章。
完成節(jié)點更新之后完成節(jié)點的創(chuàng)建,并提供優(yōu)化到最小幅度的DOM更新列表
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優(yōu)化,redux 等內(nèi)容的知識點和面試題。
React是什么?他的出現(xiàn)解決了什么問題?讓我們通過制作一個購物網(wǎng)站來認識react的基礎(chǔ)知識吧。在本章中,將會圍繞類組件的知識點帶同學(xué)們慢慢領(lǐng)悟React的特征。