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


	本書是以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 總結