|
| 商品編號: | DCM8062 | |
| 商品名稱: | React思考模式:從hook入門到開發實戰 出版公司:深智數位 作者:張家銨 類型:電腦資訊-程式設計 PDF電子書 繁體中文版 | | | 語系版本: | PDF電子書 繁體中文版 | |
| 運行平台: | PDF電子書,沒有任何平台限制,終身使用 | |
| 更新日期: | 2026-05-01 | |
| 光碟片數: | 1片CD光碟 | |
| 銷售價格: | $100元 | |
| 熱門標籤: | React思考模式
深智數位
電腦資訊
程式設計
| |
React思考模式:從hook入門到開發實戰 出版公司:深智數位 作者:張家銨 類型:電腦資訊-程式設計 PDF電子書 繁體中文版

商品資料
作者:張家銨
出版社:深智數位
出版年:2021
課程類型:電腦資訊>程式設計
檔案格式:PDF
ISBN:9789860776188
書籍簡介 本書是以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頁)
|