PDF JPG
本書有DRM加密保護,需使用HyRead閱讀軟體開啟
  • React思考模式:從hook入門到開發實戰
  • 點閱:2500
    438人已收藏
  • 作者: 張家銨作
  • 出版社:深智數位
  • 出版年:2021
  • ISBN:9789860776188
  • EISBN:9789860776225 PDF
  • 格式:PDF,JPG
  • 頁數:260
租期14天 今日租書可閱讀至2025-02-25

本書是以React hook為核心、入門React.js的指引,適合已有原生Javascript前端開發經驗、初次想要接觸前端框架的讀者。內容分為四個部分,包含:
 ・解釋前端框架是什麼
 ・function component的運用和各個React hook的使用方式
 ・從零打造React專案的範例
 ・效能處理等進階知識(含class component的使用方式和life-cycle介紹)

改編自作者在第11、12屆IT邦幫忙鐵人賽的文章,本書更帶領讀者探討在開發前端專案中的開發思維,大至如何設計專案結構,小至如何劃分元件。同時詳細說明各個API的出現原因和使用時機,希望讓讀者不只是單純學習使用React,更能理解前端框架的用意,進而具備業界開發React.js專案的能力。
全書共9章,內容如下
■ 第0章  先備知識 – 使用React 需要知道的Javascript
■ 第1章  什麼是「前端框架」?
■ 第2章  認識React 和環境建置
■ 第3章  Hello, React !
■ 第4章  基礎Function Component
■ 第5章  React-Developer-Tools
■ 第6章  Flux 結構 與 React 的狀態管理方案
■ 第7章  前端專案的架構設計
■ 第8章  React 進階 - 效能處理
■ 第9章  React 進階 – 其他的React
本書的目標除了讓初次接觸前端框架的讀者能夠更容易理解React,也介紹了在以React開發專案時,應該具備哪些基礎的「軟體設計」思維。第2~第7章節是講解React API使用方式,第7章後的範例會帶領讀者從0打造React專案,第8章~第9章是講述較進階的React知識。讀者可以根據自己的需求查閱對應的章節。

作者介紹

張家銨
現任Yahoo軟體工程師。專注於網頁前端技術及軟體設計研究,熟悉React.js框架。自2019年開始在IT邦幫忙出沒,致力於以淺白的話語讓技術知識更容易被理解。

  • 0 先備知識 - 使用 React 需要知道的 Javascript(第0-1頁)
  • 1 什麼是「前端框架」?(第1-1頁)
  • 2 認識 React 和環境建置(第2-1頁)
    • Ch 2-1. React 從 class 到 function 的歷史(第2-2頁)
    • Ch 2-2. 環境設定(第2-4頁)
    • Ch 2-3. 建立專案與開發流程(第2-9頁)
  • 3 Hello, React !(第3-1頁)
    • Ch 3-1. 第一個 React 程式 - Hello world(第3-2頁)
    • Ch 3-2. 解析程式之前 - 談談 React Virtual DOM(第3-2頁)
    • Ch 3-3. 解析程式(第3-3頁)
    • Ch 3-4. JSX(第3-4頁)
    • Ch 3-5. React 17 之後(第3-13頁)
  • 4 基礎 Function Component(第4-1頁)
    • Ch 4-1. 元件化的程式(第4-2頁)
    • Ch 4-2. props - 以外部參數控制元件(第4-5頁)
    • Ch 4-3. 用 useState 創造在內部控制元件的 state 變數(第4-10頁)
    • Ch 4-4. 生命週期與 useEffect(第4-16頁)
    • Ch 4-5. React 的輸入元素事件(第4-25頁)
    • Ch 4-6. 非控制組件與 useRef / forwardRef(第4-35頁)
    • Ch 4-7. Custom hook(第4-43頁)
    • Ch 4-8. React 程式的分頁:react -router-dom(第4-48頁)
    • Ch 4-9. useContext - 多層 component 間的 state 管理與傳遞(第4-57頁)
    • Ch 4-10. Styled-Components:React 的 CSS 解決方案(第4-62頁)
  • 5 React-Developer-Tools(第5-1頁)
  • 6 Flux 結構與 React 的狀態管理方案(第6-1頁)
    • Ch 6-1. 簡介 Flux 結構與 useReducer(第6-2頁)
    • Ch 6-2. 以 useContext 進行狀態管理,淺談 Context 效能問題(第6-9頁)
    • Ch 6-3. Redux, useDispatch 與 useSelector(第6-13頁)
  • 7 前端專案的架構設計(第7-1頁)
    • Ch 7-1. 元件的劃分 - 以 Atomic design 為例(第7-2頁)
    • Ch 7-2. 淺談 React.js 專案結構 - 以 React-starter 為例(第7-4頁)
  • 範例 1 以 Context 實現 To Do List(第範例1-1頁)
  • 範例 2 以 Redux 實現 To Do List(第範例2-1頁)
  • 8 React 進階 - 效能處理(第8-1頁)
    • Ch 8-1. 以 useMemo 避免不必要的運算(第8-2頁)
    • Ch 8-2. 以 React.memo 避免不必要的渲染(第8-6頁)
    • Ch 8-3. 以 useCallback 避免函式不必要的重新定義(第8-11頁)
    • Ch 8-4. 以 key 避免陣列元件的重複渲染(第8-15頁)
    • Ch 8-5. 用 lazy 和 Suspense 實現動態載入元件(第8-20頁)
  • 9 React 進階 - 其他的 React(第9-1頁)
    • Ch 9-1. useEffect v.s useLayoutEffect(第9-2頁)
    • Ch 9-2. 封裝 forwardRef 的 useImperativeHandle(第9-6頁)
    • Ch 9-3. Custom hook 與 useDebugValue(第9-9頁)
    • Ch 9-4. React 中的傳送門 - createPortal(第9-13頁)
    • Ch 9-5. 總結(第9-16頁)
  • A React class component(第A-1頁)
    • Appendix-1. 簡介 ES6 class(第A-2頁)
    • Appendix-2. 基礎 React class component 與 props(第A-4頁)
    • Appendix-3. React class component 中的 state 和 setState(第A-9頁)
    • Appendix-4. React 生命週期函數(第A-15頁)
紙本書 NT$ 500
單本電子書
NT$ 350

點數租閱 20點
租期14天
今日租書可閱讀至2025-02-25
還沒安裝 HyRead 3 嗎?馬上免費安裝~
QR Code