● 章 React簡介
1.1 React概述
1.2 React優勢
1.3 個React應用
1.4 React腳手架
1.4.1 關於React腳手架
1.4.2 Node.js與npm
1.4.3 Webpack模塊打包器
1.4.4 ES6和Babel
1.4.5 使用create-react-app腳手架開發個應用
1.4.6 React項目架構
1.5 React虛擬DOM
1.6 JSX簡單入門
1.7 React渲染機制
第2章 React JSX
2.1 JSX介紹
2.2 JSX獨立文件
2.3 JSX算術表達式
2.4 JSX條件表達式
2.5 JSX嵌入表達式
2.6 JSX對像表達式
2.7 JSX函數表達式
2.8 JSX增強函數表達式
2.9 JSX數組表達式
2.10 JSX樣式表達式
2.11 JSX注釋表達式
第3章 React組件與Props
3.1 React組件介紹
3.2 React函數組件
3.3 React類組件
3.4 React組合組件
3.5 React Props介紹
3.6 React Props應用
3.7 React Props隻讀性
3.8 React Props默認值
3.9 React組件切分與提取
第4章 React State與生命周期
4.1 React State介紹
4.2 關於定時器時鐘的思考
4.3 開始封裝時鐘UI
4.4 實現時鐘UI的自動更新
4.5 自我更新的時鐘UI類
4.6 在時鐘組件類中引入State狀態
4.7 React生命周期介紹
4.8 在時鐘組件類中使用生命周期
4.9 正確的使用State狀態
4.10 自頂向下的數據流
第5章 React事件處理
5.1 React事件介紹
5.2 React單擊事件
5.3 React阻止事件默認行為
5.4 React類的事件處理方法
5.5 綁定回調方法的其他方式
5.6 在事件處理方法中傳遞參數
5.7 實戰:開關按鈕
5.8 React文本框事件
5.9 實戰:水溫監控控件
第6章 React條件渲染
6.1 React條件渲染介紹
6素變量的條件渲染
6.3 邏輯“與”運算符的條件渲染
6.4 邏輯“或”運算符的條件渲染
6.邏輯表達式的條件渲染
6.6 實戰:改進登錄組件
6.7 阻止組件渲染
第7章 React列表與Key
7.1 React列表介紹
7.2 基礎列表組件
7.3 多級列表組件
7.4 React Key介紹
7.5 React Key使用
7.6 React通過Key提取組件
7.7 React Key局部唯一性
7.8 React Key有效性
第8章 React表單
8.1 React表單介紹
8.2 表單受控組件
8.3 強制轉換大寫字母
8.4 校驗手機號碼格式
8.5 格式化序列號
8.6 文本域關鍵字
8.7 下拉列表受控組件
8.8 處理多個輸入
8.9 React表單提交操作
8.10 React表單提交服務器
8.11 受控組件與非受控組件
第9章 組合與繼承
9.1 組合與繼承概述
9.2 定義組件容器
9.3 定義子組件
9.4 自定義Props屬性
9.5 特例關繫組合
9.6 類組合方式確認框
0章 狀態提升
10.1 設計構想
10.2 實現水溫監控功能
10.3 加入第二個水溫輸入框
10.4 同步二個水溫輸入框
10.5 將水溫“狀態共享”
10.6 將水溫“狀態提升”
10.7 實現水溫同步換算
1章 React擴展
11.1 Node.js與React
11.2 Babel與React
11.3 Webpack模塊打包器
11.4 Node+Babel+Webpack搭建React環境
11.5 Browserify模塊打包器
11.6 React Router與單頁面應用
11.7 Redux與React
2章 實戰1:基於React + Redux 實現計數器應用
12.1 設計思想
12.2 計數器應用頁面
12.3 主入口模塊
12.4 視圖模塊
12.5 Action定義
12.6 Reducer設計
12.7 計數器應用測試
3章 實戰2:基於React+Redux 實現計算器應用
13.1 設計思想
13.2 計算器應用頁面
13.3 主入口模塊
13.4 視圖模塊
13.5 Action定義
13.6 Reducer設計
13.7 計算器應用測試
4章 實戰3:基於Provider容器組件重構計算器應用
14.1 設計思想
14.2 主入口模塊
14.3 App組件
14.4 視圖模塊
14.5 Action定義
14.6 Reducer設計
14.7 重構的計算器應用測試
5章 實戰4:基於Redux 實現任務管理器應用
15.1 設計思想
15.2 任務管理器應用頁面
15.3 主入口模塊
15.4 App組件
15.5 AddTodo組件
15.6 VisibleTodoList組件
15.7 Footer組件
15.8 Action定義
15.9 Reducer設計
15.10 任務管理器應用測試
6章 實戰5:基於React+Router+Redux 的網站架構
16.1 設計思想
16.2 網站架構應用頁面
16.3 主入口模塊
16.4 App組件
16.5 Reducer設計
16.6 視圖組件
16.7 Action定義
16.8 網站架構應用測試
內容簡介
本書是一本從實戰出發,學習React.js 16框架及其相關技術棧的入門與實踐書籍。全書內容翔實、重點突出、代碼豐富、通俗易懂,涵蓋了React.js 16框架開發的方方面面。 全書共分為16章,包括React基礎開發、React JSX、組件Components、Props參數、State狀態和生命周期、事件處理、條件渲染、列表、表單、組合與繼承、狀態提升、Refs、Router路由與Redux擴展等相關知識內容。另外,為了突出本書項目實戰的特性,有針對性地基於React框架及其技術棧講解了5個實際項目應用,可以幫助讀者深入掌握React的開發技巧。 本書用於學習React.js 16編程,全書內容簡潔、代碼精練、重點突出、實例豐富,能夠幫助初學者快速掌握React開發方法。同時,對於前端開發人員提高服務器端腳本語言的開發技術水平有很好大的幫助。