首頁 搜尋 我的知識庫
React思考模式:從hook入門到開發實戰

React思考模式:從hook入門到開發實戰

作者: 張家銨
出版社: 深智數位
出版日期: 2021/08/20
ISBN-13: 9789860776188
書店 1






內容描述


本書是以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知識。讀者可以根據自己的需求查閱對應的章節。


目錄大綱


第0章  先備知識 – 使用React 需要知道的Javascript

第1章  什麼是「前端框架」?

第2章  認識React 和環境建置
2.1  React 從class 到function 的歷史
2.2  環境設定
2.3  建立專案與開發流程

第3章  Hello, React !
3.1  第一個React 程式 - Hello world
3.2  解析程式之前 - 談談React Virtual DOM
3.3  解析程式
3.4  JSX
3.5  React 17 之後

第4章  基礎Function Component
4.1  元件化的程式
4.2  props - 以外部參數控制元件
4.3  用useState 創造在內部控制元件的state 變數
4.4  生命週期與useEffect
4.5  React 的輸入元素事件
4.6  非控制組件與useRef / forwardRef
4.7  Custom hook
4.8  React 程式的分頁:react -router-dom
4.9  useContext - 多層component 間的state 管理與傳遞
4.10  Styled-Components: React 的CSS 解決方案

第5章  React-Developer-Tools

第6章  Flux 結構 與 React 的狀態管理方案
6.1  簡介Flux 結構與useReducer
6.2  以useContext 進行狀態管理,淺談Context 效能問題
6.3  Redux, useDispatch 與useSelector

第7章  前端專案的架構設計
7.1  元件的劃分 – 以Atomic design 為例
7.2  淺談React.js 專案結構 – 以React-starter 為例

第8章  React 進階 - 效能處理
8.1  以useMemo 避免不必要的運算
8.2  以React.memo 避免不必要的渲染
8.3  以useCallback 避免函式不必要的重新定義
8.4  以key 避免陣列元件的重複渲染
8.5  用lazy 和Suspense 實現動態載入元件

第9章  React 進階 – 其他的React
9.1  useEffect v.s useLayoutEffect
9.2  封裝forwardRef 的useImperativeHandle
9.3  Custom hook 與useDebugValue
9.4  React 中的傳送門 - createPortal
9.5  總結


作者介紹


作者簡介

張家銨

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






相關書籍

電腦組裝一本搞定(附教學影片及試用版光碟)

威力導演數位影音創作超人氣(適用15~18版,含CCA&CCP國際認證模擬試題)(附影音/範例/試用版)

威力導演:影音剪輯超簡單

用ESP32輕鬆入門物聯網IoT實作應用 - 使用圖形化motoBlockly程式語言 - 附MOSME行動學習一點通:評量 ‧ 加值