本章回顧了 React 的基礎知識,從而引出了全新的 React Hooks,詳細講解了 useState、useEffect、自定義Hook 等內容。
本章從什么是測試入手,簡介了測試的基本概念,介紹通用測試工具 Jest 和 React 測試框架 react-testing-library,然后使用這兩種工具完成Button組件的單元測試。
本章將全面對比Vue和React框架的相似點和差異點,通過對比的方式,可以讓同學們更加快速的掌握兩大框架。通過兩大框架的掌握,更符合企業高級人才的需求。以及掌握React中如何使用TS進行開發。
- 18-1 React與TS配合之use函數限制
- 18-2 React18與Vue3對比之編程風格與視圖風格
- 18-3 React18與Vue3對比之組件_路由_狀態管理等風格
- 18-4 React18與Vue3對比之模板_樣式_事件_表單等功能
- 18-5 React18與Vue3對比之組件通信_邏輯復用_內容分發_DOM操作等功能
- 18-6 React18與Vue3對比之diff算法的相同策略與不同策略
- 18-7 React18與Vue3對比之響應式_生命周期_副作用等功能
- 18-8 React與TS配合之基礎props限制
- 18-9 React與TS配合之children與event限制
- 18-10 React與TS配合之style與component限制
- 18-11 React與TS配合之use函數限制
- 18-12 React與TS配合之類組件類型限制
- 18-13 React Router路由如何使用TS進行開發
- 18-14 Redux Toolkit狀態管理如何使用TS進行開發
- 18-15 Umi4框架介紹與基本使用
- 18-16 Umi4之mock數據_路由數據加載_路由包裝組件
- 18-17 Umi Max之antd組件庫_發起請求_共享數據流
- 18-18 章節總結
- 18-19 測試題(實操)
- 18-20 測試題(選擇)
1. 掌握React的初次渲染渲染流程 2. 掌握這個過程中的數據結構與算法 3. 掌握深度優先遍歷
- 8-1 在瀏覽器DOM 節點中創建根節點:createRoot -1
- 8-2 -2 在瀏覽器DOM 節點中創建根節點:createRoot
- 8-3 -3 在瀏覽器DOM 節點中創建根節點:createRoot
- 8-4 -4 在瀏覽器DOM 節點中創建根節點:createRoot
- 8-5 -1 root.render與unmount函數的流程
- 8-6 -2 root.render與unmount函數的流程
- 8-7 -1 update的數據結構與算法.mp4
- 8-8 -2update的數據結構與算法.mp4
- 8-9 -1 scheduleUpdateOnFiber調度更新.mp4
- 8-10 -2 scheduleUpdateOnFiber調度更新
- 8-11 -3 scheduleUpdateOnFiber調度更新
- 8-12 render階段
- 8-13 render階段-beginWork
- 8-14 render階段-renderRootConcurrent
- 8-15 commit階段
React是什么?他的出現解決了什么問題?讓我們通過制作一個購物網站來認識react的基礎知識吧。在本章中,將會圍繞類組件的知識點帶同學們慢慢領悟React的特征。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
簡介了測試的基本概念,介紹 通用測試工具 Jest 和 React 測試框架 enzyme,然后使用這兩種工具完成首頁所有展示型組件的測試和首頁的集成測試。
和 Vue 相比,使用 React 時更需要開發人員了解其原理,面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ,組件更新渲染過程等 React 原理??嫉闹R點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
實現初次渲染的基礎邏輯,初步體驗源碼的魅力。
和 Vue 相比,使用 React 時更需要開發人員了解其原理,面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ,組件更新渲染過程等 React 原理??嫉闹R點和面試題。
本章回顧了 React 的基礎知識,從而引出了全新的 React Hooks,配合上一章typescript的基礎知識,詳細講解了 useState, useEffect, 自定義Hook,useContext 和 useRef 等基礎知識,為組件庫的開發打下堅實基礎。
本章將帶領同學們實現一個真實可用的 Vite 插件。應用該插件,可以輕松實現用 MDX語法來寫頁面,并且可實現主題切換內置組件等功能,讓你快速搞定靜態頁面。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
本章將使用 Create-React-App 創建 React 項目環境,它是 React 官方推薦的創建工具。此外本章還會配置 ESLint 和 Prettier 規范代碼格式,并把代碼提交到 git 倉庫。
前端的知識很多,也很雜,入門起來非常的簡單,但是如何選擇?面對那么多的技術框架,從哪里開始入手?有了項目之后,如何選擇合適的框架進行高效開發?項目技術棧選型,考慮的第一步,就是框架的選型。少造一些輪子,先從用別人造好的輪子開始,進階高級前端。
工欲善其事必先利其器,本章將為大家精選了一些RN基礎知識,有RN基礎的同學可跳過這一章,直接進入項目實戰環節。
在學習了vue插件開發之后,我們將來學習前端工程化中另一流行框架React插件的開發,本章就將從React原理解析開始,深度解析super-tiny-compiler編譯器實現原理,從zbestpc項目移植到react項目集成工程化腳手架,徹底搞懂React插件實現原理。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
本章從0講解JSX和Hook語法,詳細講解每一個知識點,學完即可掌握事件交互、循環、React緩存和React調試能力,能夠動手開發一個動態的頁面
性能提高:React Lanes模型源碼剖析,包括:React Lanes模型背景、模型的應用、模型常用工具函數,最后講解React1 8新增的transition和 useDeferredValue原理 。
對于一個復雜前端項目,在編碼之前,分析過程可謂是“磨刀不誤砍柴工”,本周我們來給大家講解怎樣一步步抽絲剝繭,從需求到難點,再到系統整體設計。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。