本章將會基于react hooks 繼續完成購物車組件,并通過函數式組件來學習hooks相關知識與技巧。
學習前:底層源碼的高效學習方法分享,包括如何高效學習React源碼,如何debug React源碼,如何運行React測試用例及如何成為React Contributor 。
和 Vue 相比,使用 React 時更需要開發人員了解其原理,面試也會重點考察。本章講解 JSX 編譯、事件機制、batchUpdate ,組件更新渲染過程等 React 原理常考的知識點和面試題。
構建和優化一個合理的路由架構是前端攻城獅必須掌握的技能。在本章中,課程會以react-router-dom V5為例,學會如何使用組件化的思想搭建一個簡單、高效、可拓展的路由系統。想直接學習react-router-dom V6的同學可以跳過本章。
在學習了vue插件開發之后,我們將來學習前端工程化中另一流行框架React插件的開發,本章就將從React原理解析開始,深度解析super-tiny-compiler編譯器實現原理,從zbestpc項目移植到react項目集成工程化腳手架,徹底搞懂React插件實現原理。
全面掌握React路由和redux狀態管理,理解最新Redux-Toolkit符合企業用人需求,也滿足項目開發需求,是React開發人員的必備技能。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 高級應用和原理的考點和面試題,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
建立全局觀,為后續在源碼中吸取精華做好思想準備,避免就源碼而分析源碼。
本章將帶領同學們實現一個真實可用的 Vite 插件。應用該插件,可以輕松實現用 MDX語法來寫頁面,并且可實現主題切換內置組件等功能,讓你快速搞定靜態頁面。
本章節主要講解全屏幕的適配與優化,并對全面屏的特點及存在的問題做出分析,同時教大家如何適配iPhone X,華為,小米、三星等全面屏與凹凸屏手機。另外,會講解react-navigation在全面屏凹凸屏上的應用,章節最后會教大家如何去自定義一個容器組件。
代碼實踐:打造輪子,自己的mini react框架,包括:造輪子的優勢以及步驟,搭建自己的mini react項目。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
和 Vue 一樣,React 也是面試必備技能,而且大廠的考察概率更高。本章講解 React 基本使用,高級特性,性能優化,redux 等內容的知識點和面試題。
在學習了vue插件開發之后,我們將來學習前端工程化中另一流行框架React插件的開發,本章就將從React原理解析開始,深度解析super-tiny-compiler編譯器實現原理,從zbestpc項目移植到react項目集成工程化腳手架,徹底搞懂React插件實現原理。
本章是課程的基礎知識鋪墊。課程使用 Typescript 做代碼演示,所以先介紹 Typescript 類型。設計模式是基于面向對象編程 OOP 的,所以先介紹面向對象的概念。UML 類圖是面向對象編程的重要設計工具。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
redux是目前react中最流行的架構模式,本章將會通過網站的i18n國際化語言切換為案例,一步一步學會如何創建狀態倉庫store、如何實現store的鏈接與訂閱、如何拆分合并reducer,以及如何統一管理action。除此以外,我們還會學習如何使用TypeScript來處理redux相關代碼的強類型定義。
本章主要學習手勢響應系統,通過手勢響應系統實現當頭部可見時,手指向上滑動時,tab標簽組件中的FlatList無法滾動,逐漸滑動到頭部組件不可見時,tab標簽組件中的FlatList才能滾動的效果;當頭部不可見時,手指向下滑動時,直到FlatList滾動到最頂部時,頭部才可以滑動的效果,而且根據這個滾動,標簽欄也會有淡入淡出的動畫效果。
本章通過 BDD 與集成測試,通過重新改寫測試用例和業務代碼,讓大家清晰直觀的看到 BDD 和集成測試在開發快速迭代業務代碼時的優勢, 通過本章講解,大家可以深入理解TDD,BDD,單元測試,集成測試的適用場景,選擇適合自己的測試方案。還會講解Redux,路由,axios 的測試方案。
本章節,介紹了hooks的 核心考點,和class的對比,面試過程中要注意的一些點,以及面試解答分析。
構建和優化一個合理的路由架構是前端攻城獅必須掌握的技能。在本章中,課程會以react-router-dom V6為例,學會如何使用組件化的思想搭建一個簡單、高效、可拓展的路由系統。
React 是國內流行的前端框架,尤其大廠應用較多。本章講解 React 基礎應用,助你通過 React 技術棧的面試。
我們該用哪些技術來完成本項目?這其中最關鍵的 React 技術,他的核心原理是什么?最新的 18 版本有哪些新的功能。如果你是一個前端架構師,該怎么畫一張技術架構圖?
學習前:底層源碼的高效學習方法分享,包括如何高效學習React源碼,如何debug React源碼,如何運行React測試用例及如何成為React Contributor 。
遇到一個需求、問題或者一段代碼,如何能高效的分析、解決它,這是前端程序員的必備技能。否則你將無法獨立工作,這不是企業需要的人才。本章將通過多個面試題,教你如何分析問題、解決問題。
我們該用哪些技術來完成本項目?這其中最關鍵的 React 技術,他的核心原理是什么?最新的 18 版本有哪些新的功能。如果你是一個前端架構師,該怎么畫一張技術架構圖?