
0人評分過此書
React開發應具備的軟體設計思維
React hook使用方式
從0開始打造React hook + Redux專案
React的進階知識
React是一個上下限都很大的框架,如果能善用React提供的API,專案架構會很明確,資料邏輯和UI元件更能以易理解的方式重複利用。
本書分為四個部分,包含開始前應具備的基礎思維、React hook使用方式、範例與進階知識(含class compo-nent)。
本書是已有原生Javascript前端開發經驗、初次想要接觸前端框架讀者的最佳React入門指引。
全書共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知識。讀者可以根據自己的需求查閱對應的章節。
React hook使用方式
從0開始打造React hook + Redux專案
React的進階知識
React是一個上下限都很大的框架,如果能善用React提供的API,專案架構會很明確,資料邏輯和UI元件更能以易理解的方式重複利用。
本書分為四個部分,包含開始前應具備的基礎思維、React hook使用方式、範例與進階知識(含class compo-nent)。
本書是已有原生Javascript前端開發經驗、初次想要接觸前端框架讀者的最佳React入門指引。
全書共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和環境建置
-
Ch 2-1. React從class到function的歷史
-
Ch 2-2. 環境設定
-
Ch 2-3. 建立專案與開發流程
-
-
3 Hello,React!
-
Ch 3-1. 第一個React程式──Hello world
-
Ch 3-2. 解析程式之前──談談ReactVirtual DOM
-
Ch 3-3. 解析程式
-
Ch 3-4. JSX
-
Ch 3-5. React17 之後
-
-
4 基礎Function Component
-
Ch 4-1. 元件化的程式
-
Ch 4-2. props──以外部參數控制元件
-
Ch 4-3. 用useState創造在內部控制元件的state變數
-
Ch 4-4. 生命週期與useEffect
-
Ch 4-5. React的輸入元素事件
-
Ch 4-6. 非控制組件與useRef/forwardRef
-
Ch 4-7. Custom hook
-
Ch 4-8. React程式的分頁:react-router-dom
-
Ch 4-9. useContext──多層component間的state管理與傳遞
-
Ch 4-10. Styled-Components:React的CSS解決方案
-
- 5 React-Developer-Tools
-
6 Flux結構與React的狀態管理方案
-
Ch 6-1. 簡介Flux結構與useReducer
-
Ch 6-2. 以useContext進行狀態管理,淺談Context效能問題
-
Ch 6-3. Redux,useDispatch與useSelector
-
-
7 前端專案的架構設計
-
Ch 7-1. 元件的劃分──以Atomic design為例
-
Ch 7-2. 淺談React.js專案結構──以React-starter為例
-
- 範例1 以Context實現To Do List
- 範例2 以Redux實現To Do List
-
8 React進階──效能處理
-
Ch 8-1. 以useMemo避免不必要的運算
-
Ch 8-2. 以React.memo避免不必要的渲染
-
Ch 8-3. 以useCallback避免函式不必要的重新定義
-
Ch 8-4. 以key 避免陣列元件的重複渲染
-
Ch 8-5. 用lazy 和Suspense實現動態載入元件
-
-
9 React進階──其他的React
-
Ch 9-1. useEffect v.s useLayoutEffect
-
Ch 9-2. 封裝forwardRef 的useImperativeHandle
-
Ch 9-3. Custom hook 與useDebugValue
-
Ch 9-4. React中的傳送門──createPortal
-
Ch 9-5. 總結
-
-
A Reactclass component
-
Appendix-1. 簡介ES6 class
-
Appendix-2. 基礎Reactclass component與props
-
Appendix-3. Reactclass component中的state和setState
-
Appendix-4. React生命週期函數
-
- 出版地 : 臺灣
- 語言 : 繁體中文
- DOI : 10.978.9860776/188
評分與評論
請登入後再留言與評分