日本免费高清一本视频,亚洲Aⅴ狠狠爱一区二区三区试看,午夜一区二区亚洲福利

本書(shū)講述了React各個(gè)模塊基礎(chǔ)和進(jìn)階用法，并提供了相應(yīng)的案例。還深入分析了React內(nèi)部運(yùn)轉(zhuǎn)機(jī)制，同時(shí)詳細(xì)介紹了React配套的生態(tài)系統(tǒng)。本書(shū)共14章，包括邂逅React、了解JSX、React組件、React更新驅(qū)動(dòng)、React生命周期、React狀態(tài)獲取與傳遞、工程化配置及跨平臺(tái)開(kāi)發(fā)、React架構(gòu)設(shè)計(jì)、高性能React、React運(yùn)行時(shí)原理探秘、玩轉(zhuǎn)React Hooks、React-Router、React-Redux狀態(tài)管理工具和React實(shí)踐。
本書(shū)適合具有一定React開(kāi)發(fā)基礎(chǔ)，但希望更加全面、深入理解React的前端開(kāi)發(fā)者閱讀。

前言
這本書(shū)講了什么
相信對(duì)于很多前端開(kāi)發(fā)者來(lái)說(shuō)，React庫(kù)并不陌生，很多前端開(kāi)發(fā)者用React作為核心框架構(gòu)建前端應(yīng)用，但在周而復(fù)始的項(xiàng)目迭代過(guò)程中，難免會(huì)遇到技術(shù)的瓶頸期。這可能來(lái)源于：對(duì)于一些復(fù)雜的模塊，不知道怎樣更優(yōu)雅、更靈活、更有拓展性地去實(shí)現(xiàn)；怎樣給React做性能優(yōu)化、封裝組件；對(duì)于React技術(shù)棧，不知道該怎樣突破、進(jìn)階；搞不懂 React 的運(yùn)行機(jī)制；筆者就曾經(jīng)歷過(guò)這樣的迷茫期，后來(lái)通過(guò)系統(tǒng)化復(fù)習(xí)，先逐一突破React的各個(gè)模塊，再把各個(gè)模塊串聯(lián)到一起，才慢慢體驗(yàn)到React的魅力，深入學(xué)習(xí)后，筆者發(fā)現(xiàn)了更多精彩的內(nèi)容。
寫(xiě)這本書(shū)的目的就是把自己得到的經(jīng)驗(yàn)分享給大家，希望大家在深入學(xué)習(xí)React的過(guò)程中，能將本書(shū)作為React學(xué)習(xí)的指南。下面是每一章的介紹。
在第1章中，將介紹目前React的地位和優(yōu)勢(shì)，以及React到底能解決什么問(wèn)題。
在第2章中，將從JSX入手，介紹React表現(xiàn)形式，以及操作React Element對(duì)象，更方便地運(yùn)用React，為深入React設(shè)計(jì)模式做技術(shù)鋪墊。
在第3章中，將重點(diǎn)介紹兩種類型的React組件，以及它們的特點(diǎn)、用法、通信方式、強(qiáng)化方式、高階組件的使用，讓開(kāi)發(fā)者對(duì)React組件有一個(gè)更全面的認(rèn)識(shí)。
在第4章中，會(huì)從驅(qū)動(dòng)更新的源頭props和State說(shuō)起，介紹State更新的特點(diǎn)，props的靈活使用，以及組合模式和render props模式。同時(shí)還會(huì)分析新老版本 React 的更新模式及更新特點(diǎn)，讓讀者更清晰地明確React更新流程。
在第5章中，將介紹React 生命周期的奧秘。在生命周期中，開(kāi)發(fā)者到底能做什么事，應(yīng)該做什么事；函數(shù)組件如何彌補(bǔ)沒(méi)有生命周期的缺陷。
在第6章中，會(huì)講到如何獲取并傳遞狀態(tài)，ref和Context的基本使用及高階用法，讓狀態(tài)的獲取和傳遞更加靈活自由。
在第7章中，會(huì)講到工程化配置、CSS模塊化、React 在服務(wù)端渲染和跨平臺(tái)開(kāi)發(fā)中的地位，以及React 在多個(gè)技術(shù)方向上的優(yōu)勢(shì)。
在第8章中，將重點(diǎn)介紹React 架構(gòu)設(shè)計(jì)，從虛擬DOM到更新的設(shè)計(jì)，再到事件系統(tǒng)的設(shè)計(jì)，讓讀者知其然，知其所以然，真正理解React 為什么要這樣設(shè)計(jì)。
在第9章中，將從多個(gè)角度分析如何打造高性能的React 應(yīng)用，從多個(gè)方面研究React優(yōu)化手段。
在第10章中，將以應(yīng)用初始化和應(yīng)用更新為切入點(diǎn)，進(jìn)入React應(yīng)用內(nèi)部，探索React內(nèi)部的運(yùn)轉(zhuǎn)機(jī)制，從點(diǎn)到線再到面，全面解析React原理。
在第11章中，將介紹目前React V18版本的所有Hooks，以及基本用法和應(yīng)用場(chǎng)景，揭秘Hooks原理，以及如何設(shè)計(jì)一個(gè)自定義Hooks。
在第12章中，將以單頁(yè)面路由原理為起點(diǎn)，分析 React 中的路由是如何使用和實(shí)現(xiàn)的，以及新老版本路由的差異。
在第13章中，會(huì)介紹React中的狀態(tài)管理工具：Redux等，以及它們是如何運(yùn)轉(zhuǎn)的，如何與React應(yīng)用完美契合的。
在第14章中，將用三個(gè)實(shí)踐來(lái)串聯(lián)前面的知識(shí)點(diǎn)，通過(guò)實(shí)踐來(lái)提升 React 的使用技巧，做到學(xué)以致用。
本書(shū)從基礎(chǔ)用法入手，到深入原理，再到項(xiàng)目實(shí)踐，從多個(gè)維度深入了解React，筆者相信，更深入的理解是為了使用更加便捷。
深入淺出React開(kāi)發(fā)指南本書(shū)在講解React基礎(chǔ)和進(jìn)階用法原理的基礎(chǔ)上，也提供了很多小的案例，對(duì)基礎(chǔ)知識(shí)點(diǎn)進(jìn)行鞏固和強(qiáng)化。
適合人群
本書(shū)適合了解React基礎(chǔ)語(yǔ)法，接觸過(guò)React技術(shù)棧的前端開(kāi)發(fā)者、JavaScript開(kāi)發(fā)者，如果想要系統(tǒng)學(xué)習(xí)React，進(jìn)階學(xué)習(xí)React技術(shù)棧，深入了解React運(yùn)轉(zhuǎn)機(jī)制，那么這本書(shū)是一個(gè)不錯(cuò)的選擇。
給讀者的建議
路漫漫其修遠(yuǎn)兮，吾將上下而求索，希望閱讀這本書(shū)的每一位讀者，不要把掌握書(shū)中的知識(shí)點(diǎn)作為學(xué)習(xí)React的終點(diǎn)，而是要把它當(dāng)成學(xué)習(xí)的起點(diǎn)，帶著對(duì)React全新的認(rèn)識(shí)去使用，在平時(shí)的工作中要多練習(xí)，多學(xué)習(xí)一些React設(shè)計(jì)模式，多寫(xiě)一些自定義 Hooks，嘗試寫(xiě)一些高階組件。在 React 技術(shù)成長(zhǎng)之路上披荊斬棘，勇往直前！
勘誤與支持
由于編者水平有限，書(shū)中難免有不妥之處，誠(chéng)摯期盼同行、使用本書(shū)的讀者給予批評(píng)和指正。如果你有什么好的建議和意見(jiàn)，請(qǐng)通過(guò)出版社及時(shí)反饋給筆者。
致謝
感謝所有支持、鼓勵(lì)筆者堅(jiān)持創(chuàng)作的朋友和粉絲們。
謹(jǐn)以此書(shū)，獻(xiàn)給所有熱愛(ài)React的朋友。在提升技術(shù)的道路上，我們一路同行。

前言
第1章邂逅React/
1.1React的優(yōu)勢(shì)分析/
1.2React 發(fā)展歷程/
第2章了解JSX/
2.1認(rèn)識(shí)JSX/
2.1.1JSX是什么/
2.1.2React.createElement/
2.1.3JSX 轉(zhuǎn)換邏輯/
2.1.4ReactElement對(duì)象/
2.2操作JSX/
2.2.1JSX與Element對(duì)象/
2.2.2Element方法集/
2.2.3Element對(duì)象持久化/
2.3JSX轉(zhuǎn)換Element對(duì)象流程/
2.3.1createElement原理揭秘/
2.3.2cloneElement原理揭秘/
2.4實(shí)踐：可控性渲染/
2.5Babel解析JSX/
2.5.1Babel插件/
2.5.2API層面模擬實(shí)現(xiàn)/
第3章 React組件/
3.1組件是什么/
3.1.1組件的定義/
3.1.2組件的特性/
3.2兩種類型的組件/
3.2.1類組件/
3.2.2函數(shù)組件/
3.3組件的通信方式/
3.3.1props和callback方式/
3.3.2eventBus事件總線/
3.3.3其他方式/
3.4組件的設(shè)計(jì)模式/
3.5組件的繼承/
3.5.1繼承模式的介紹/
3.5.2繼承模式實(shí)踐：編寫(xiě)權(quán)限路由/
3.6高階組件（HOC）/
3.6.1什么是高階組件/
3.6.2高階組件解決了什么問(wèn)題/
3.6.3高階組件之屬性代理/
3.6.4高階組件之反向繼承/
3.6.5高階組件功能/
3.6.6高階組件注意事項(xiàng)/
3.6.7高階組件實(shí)踐：渲染分片/
3.6.8高階組件功能總結(jié)/
第4章 React更新驅(qū)動(dòng)/
4.1React 驅(qū)動(dòng)源/
4.1.1誰(shuí)在驅(qū)動(dòng)React更新/
4.1.2React更新流/
4.2React props/
4.2.1props的概念及作用/
4.2.2props 的使用技巧/
4.3組合模式和 render props 模式/
4.3.1組合模式/
4.3.2實(shí)踐：組合模式實(shí)現(xiàn)tab和tabItem/
4.3.3render props模式/
4.4State驅(qū)動(dòng)/
4.4.1類組件setState介紹/
4.4.2函數(shù)組件中的useState/
4.5主流框架批量更新模式/
4.5.1宏任務(wù)和微任務(wù)/
4.5.2微任務(wù)｜宏任務(wù)實(shí)現(xiàn)批量更新/
4.5.3可控任務(wù)實(shí)現(xiàn)批量更新/
4.6兩種模式下的State更新/
4.6.1legacy模式和concurrent模式/
4.6.2老版本legacy模式下的更新/
4.6.3新版本concurrent模式下的更新/
4.6.4flushSync提高優(yōu)先級(jí)/
4.7外部數(shù)據(jù)源/
4.7.1什么是外部數(shù)據(jù)源/
4.7.2useSyncExternalStore介紹/
4.7.3useSyncExternalStore原理及其模擬/
第5章 React生命周期/
5.1生命周期介紹/
5.1.1生命周期意義及兩大階段/
5.1.2React生命周期及其特點(diǎn)/
5.2類組件生命周期/
5.2.1類組件初始化流程及其生命周期/
5.2.2類組件更新流程及其生命周期/
5.2.3類組件銷毀流程及其生命周期/
5.2.4commit階段細(xì)節(jié)補(bǔ)充/
5.3類組件生命周期的作用/
5.3.1類組件生命周期能做些什么/
5.3.2類組件渲染錯(cuò)誤邊界/
5.4函數(shù)組件生命周期替代方案/
5.4.1useEffect和useLayoutEffect/
5.4.2useInsertionEffect/
5.4.3生命周期替代方案/
5.5實(shí)踐：實(shí)現(xiàn)ScrollView組件/
第6章 React狀態(tài)獲取與傳遞/
6.1ref 對(duì)象介紹/
6.2ref 使用及應(yīng)用場(chǎng)景/
6.2.1ref 的使用/
6.2.2forwardref 轉(zhuǎn)發(fā)ref/
6.2.3ref 其他應(yīng)用場(chǎng)景/
6.3Context 介紹/
6.3.1什么是Context/
6.3.2Context 解決了什么問(wèn)題/
6.4新老版本Context/
6.4.1老版本Context/
6.4.2新版本Context/
6.4.3動(dòng)態(tài)Context/
6.5Context 特性/
6.5.1嵌套多個(gè)Context/
6.5.2逐層傳遞Provider/
6.6Context實(shí)現(xiàn)切換主題功能/
第7章工程化配置及跨平臺(tái)開(kāi)發(fā)/
7.1React 環(huán)境搭建/
7.1.1環(huán)境搭建/
7.1.2create-react-app創(chuàng)建項(xiàng)目/
7.2CSS模塊化/
7.2.1為什么要用CSS模塊化/
7.2.2CSS模塊化之CSS Modules/
7.2.3CSS模塊化之CSS IN JS/
7.2.4CSS模塊化總結(jié)/
7.3React服務(wù)端渲染/
7.3.1React SSR流程分析/
7.3.2React SSR框架Next.js/
7.4React Native跨平臺(tái)開(kāi)發(fā)/
7.4.1從JS引擎到JSI/
7.4.2React Native簡(jiǎn)介/
第8章 React架構(gòu)設(shè)計(jì)/
8.1虛擬DOM與fiber/
8.1.1虛擬DOM/
8.1.2React fiber/
8.2fiber架構(gòu)/
8.2.1fiber樹(shù)的構(gòu)成/
8.2.2fiber樹(shù)的創(chuàng)建流程/
8.2.3fiber樹(shù)的更新流程/
8.3React中的位運(yùn)算/
8.3.1為什么要用位運(yùn)算/
8.3.2React位掩碼場(chǎng)景更新優(yōu)先級(jí)/
8.3.3React位掩碼場(chǎng)景更新上下文/
8.3.4React位掩碼場(chǎng)景更新標(biāo)識(shí)/
8.4React數(shù)據(jù)更新架構(gòu)設(shè)計(jì)/
8.4.1React更新前置設(shè)計(jì)/
8.4.2React更新后置設(shè)計(jì)/
8.5React事件系統(tǒng)設(shè)計(jì)/
8.5.1React事件系統(tǒng)介紹/
8.5.2事件系統(tǒng)設(shè)計(jì)/
8.5.3新老版本事件系統(tǒng)差異/
第9章高性能React/
9.1React內(nèi)部更新調(diào)優(yōu)/
9.1.1調(diào)和優(yōu)化手段/
9.1.2diff算法/
9.2React外部渲染控制/
9.2.1React渲染本質(zhì)/
9.2.2React渲染控制手段/
9.2.3對(duì)React渲染的思考/
9.3任務(wù)調(diào)度/
9.3.1為什么要使用異步調(diào)度/
9.3.2Scheduler核心實(shí)現(xiàn)/
9.4過(guò)渡更新任務(wù)/
9.4.1Transition使命/
9.4.2Transition模擬場(chǎng)景/
9.4.3Transition具體實(shí)現(xiàn)/
9.4.4Transition實(shí)現(xiàn)原理/
9.5異步組件和懶加載/
9.5.1異步組件和Suspense/
9.5.2Suspense實(shí)現(xiàn)懶加載/
9.5.3Suspense和React.lazy原理實(shí)現(xiàn)/
9.5.4React V18 SuspenseList/
9.5.5hydrate模式下的Suspense新特性/
9.5.6Suspense未來(lái)可期/
9.6React海量數(shù)據(jù)處理/
9.6.1渲染切片/
9.6.2長(zhǎng)列表優(yōu)化方案/
9.7React使用細(xì)節(jié)處理/
9.7.1React中的防抖和節(jié)流/
9.7.2React中的動(dòng)畫(huà)/
9.7.3在React中防止

你還可能感興趣

我要評(píng)論