內容簡介:掌握React關鍵開發技能,建構高效、直觀的Web應用程式!
深入探討React的基本概念與優化技術,幫助開發者撰寫高效能的Web應用程式。
「Carl Sagan說曾過,『觀察過去,可以推知未來』。在下認為,Tejas在前端領域透過這本書完美詮釋了這句名言,帶領我們穿梭於React的發展歷程。
他以細膩的方式,深入剖析調和(reconciliation)和Fiber背後的關鍵概念。若要深入瞭解React及其不斷發展的生態系統,此書是必讀之作。」
— Matheus Albuquerque Brasil
Web技術領域的Google開發專家
在建構Web使用者介面時,React可透過宣告性抽象化提供出色的開發體驗。這本實用的書籍將帶你深入瞭解這個JavaScript程式庫的基本概念,涵蓋JSX語法和進階模式、虛擬DOM、React調和(reconciliation),以及進階的優化技術。熟悉React的用法可以讓你迅速掌握如何做出更出色的web app。
作者Tejas Kumar以淺顯易懂的文字來帶你深入探索React,同時避開典型的軟體工程術語,幫助你理解這個JavaScript程式庫的底層運作方式。藉著瞭解React,你將學會如何撰寫直觀的React程式碼,並充分理解React的微妙差異和層次,將熟練程度提升至另一個境界。
透過這本書,你將:
• 深入理解React的運作原理。
• 在開發React應用程式的進行效能優化。
• 建立能在任意規模下穩健運行的React應用程式。
• 掌握React提供的各種機制及其使用時機,例如reducer、state、ref。
目錄
章節說明:第一章 基本內容
為什麼會有React?
在React 問世之前的世界
進入React 時代
總結:那麼,為什麼React 這麼紅?
本章回顧
複習問題
下回預告
第二章 JSX
JavaScript XML?
JSX 的好處
JSX 的缺點
揭開神祕面紗
JSX Pragma
表達式
本章回顧
複習問題
下回預告
第三章 虛擬DOM
虛擬DOM 簡介
真實DOM
虛擬DOM 的工作原理
本章回顧
複習問題
下回預告
第四章 透視調和
瞭解調和
合併處理
以前的技術
Fiber 調和器
本章回顧
複習問題
下回預告
第五章 常見問題與強大的模式
使用React.memo 來進行記憶化
使用useMemo 來做記憶化
useState vs. useReducer
強大的模式
延遲載入
本章回顧
複習問題
下回預告
第六章 伺服器端的React
用戶端算繪的限制
伺服器算繪的崛起
hydration
建立伺服器算繪
於React 中的伺服器算繪API
不要自己來
本章回顧
複習問題
下回預告
第七章 並行React
同步算繪的問題
複習Fiber
調度和延遲更新
算繪lane
useTransition
useDeferredValue
並行算繪的問題
深入探討
本章回顧
複習問題
下回預告
第八章 框架
為什麼我們需要框架?
使用框架的好處
使用框架的取捨
熱門的React 框架
選擇框架
本章回顧
複習問題
下回預告
第九章 React Server Components
好處
伺服器算繪
伺服器組件的規則
伺服器操作
React 伺服器組件的未來
本章回顧
複習問題
下回預告
第十章 React替代方案
Vue.js
Angular
Svelte
Solid
Qwik
React 不是回應性的
React 的未來
共同模式
本章回顧
複習問題
下回預告
第十一章 結論
要點
我們的時間軸
在魔法背後的機制
探索進階領域
持續獲得新資訊
索引
章節說明:第一章 基本內容
為什麼會有React?
在React 問世之前的世界
進入React 時代
總結:那麼,為什麼React 這麼紅?
本章回顧
複習問題
下回預告
第二章 JSX
JavaScript XML?
JSX 的好處
JSX 的缺點
揭開神祕面紗
JSX Pragma
表達式
本章回顧
複習問題
下回預告
第三章 虛擬DOM
虛擬DOM 簡介
真實DOM
虛擬DOM 的工作原理
本章回顧
複習問題
下回預告
第四章 透視調和
瞭解調和
合併處理
以前的技術
Fiber 調和器
本章回顧
複習問題
下回預告
第五章 常見問題與強大的模式
使用React.memo 來進行記憶化
使用useMemo 來做記憶化
...