React.js實(shí)戰(zhàn)

定　價(jià)：￥59.00

作　者：	趙榮嬌，劉江虹
出版社：	清華大學(xué)出版社
叢編項(xiàng)：	Web前端技術(shù)叢書(shū)
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787302528739	出版時(shí)間：	2019-05-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	265	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)旨在幫讀者從零開(kāi)始學(xué)習(xí)React基礎(chǔ)知識(shí)，采用“語(yǔ)法”+“示例”的方式，以便于初學(xué)者學(xué)習(xí)和練習(xí)，是目前市場(chǎng)上少有的React入門(mén)圖書(shū)。本書(shū)共14章，分為3篇，涵蓋的主要內(nèi)容有：React的前世今生、使用React所需的預(yù)備知識(shí)（包括npm、webpack、ES6）、React開(kāi)發(fā)環(huán)境搭建、React組件、React事件系統(tǒng)、React原理、數(shù)據(jù)管理、React架構(gòu)、React服務(wù)端渲染、React測(cè)試、React性能優(yōu)化、React+webpack+ES6項(xiàng)目實(shí)戰(zhàn)（筆記本+購(gòu)物車(chē)）等。本書(shū)內(nèi)容豐富、實(shí)例典型、實(shí)用性強(qiáng)，適合有一定的 HTML、CSS、JavaScript 基礎(chǔ)、希望全面學(xué)習(xí)React開(kāi)發(fā)的前端開(kāi)發(fā)人員閱讀，也適合希望提高項(xiàng)目開(kāi)發(fā)水平的人員閱讀。

作者簡(jiǎn)介

　　趙榮嬌，飛豬旅行前端開(kāi)發(fā)工程師，擅長(zhǎng)CSS、JavaScript和各種框架，參與寫(xiě)作或翻譯過(guò)多本前端精品圖書(shū)，喜歡旅行，熱愛(ài)前端開(kāi)發(fā)，樂(lè)于分享。劉江虹，H3C總部前端項(xiàng)目經(jīng)理，精通Web前端開(kāi)發(fā)和服務(wù)器腳本語(yǔ)言技術(shù)，善于把握運(yùn)用新技術(shù)，如React、jQuery、Webpack等，具有3年以上前端開(kāi)發(fā)和技術(shù)團(tuán)隊(duì)管理經(jīng)驗(yàn)，技術(shù)上一專多能，能夠跨平臺(tái)、跨數(shù)據(jù)庫(kù)進(jìn)行軟件開(kāi)發(fā)和項(xiàng)目管理。

圖書(shū)目錄

目錄

第1章 React的前世今生   1
1.1 刀耕火種的年代   1
1.2 Web應(yīng)用的出現(xiàn)   2
1.3 React的誕生   2
1.4 npm   3
1.4.1 什么是npm   3
1.4.2 理解npm scripts   3
1.4.3 dependencies和devDependencies   5
1.5 webpack   5
1.5.1 為什么需要webpack   6
1.5.2 webpack入口和出口   7
1.5.3 webpack loader   8
1.5.4 webpack plugins   9
1.6 ES6   10
1.6.1 函數(shù)的擴(kuò)展   10
1.6.2 對(duì)象的擴(kuò)展   13
1.6.3 class   15
第2章初探React   17
2.1 React帶來(lái)的變化   17
2.1.1 React的聲明式編程   17
2.1.2 React的組件化思想   18
2.1.3 React的虛擬DOM   19
2.2 本地環(huán)境搭建   19
2.2.1 Node與npm安裝   20
2.2.2 打造屬于你的編輯器   21
2.3 編寫(xiě)個(gè)React應(yīng)用   22
2.4 與傳統(tǒng)jQuery對(duì)比   25
2.5 React調(diào)試   28
2.5.1 安裝Chrome插件   28
2.5.2 Chrome插件的使用   29
第3章 React組件   32
3.1 理解組件化思想   32
3.2 組件之間的通信   32
3.2.1 props   33
3.2.2 state   34
3.2.3 父子組件通信   36
3.2.4 同級(jí)組件通信   39
3.3 組件生命周期   41
3.3.1 組件的掛載   41
3.3.2 組件的更新   43
3.3.3 組件的卸載   46
3.3.4 總覽組件生命周期   48
第4章漫談React事件系統(tǒng)   50
4.1 JavaScript事件機(jī)制   50
4.2 剖析React事件系統(tǒng)   54
4.2.1 組件上綁定事件   54
4.2.2 在構(gòu)造函數(shù)中綁定事件   56
4.2.3 箭頭函數(shù)綁定事件   57
4.3 實(shí)戰(zhàn)：實(shí)現(xiàn)登錄界面（事件系統(tǒng)演練）   58
第5章深入React原理   62
5.1 JSX   62
5.1.1 JSX語(yǔ)法   64
5.1.2 JSX使用樣式   65
5.2 dom-diff   66
5.3 setState   68
第6章 React組件編寫(xiě)實(shí)戰(zhàn)   75
6.1 React組件寫(xiě)法   75
6.1.1 React.createClass寫(xiě)法   75
6.1.2 React.Component寫(xiě)法   76
6.1.3 無(wú)狀態(tài)函數(shù)寫(xiě)法   78
6.2 React組件分類   79
6.2.1 木偶組件和智能組件   79
6.2.2 高階組件   83
第7章 Redux數(shù)據(jù)管理   89
7.1 總覽React數(shù)據(jù)管理   89
7.1.1 Flux的出現(xiàn)   89
7.1.2 Mobx   95
7.1.3 Redux應(yīng)運(yùn)而生   95
7.2 Redux核心概念   96
7.2.1 store   96
7.2.2 action   98
7.2.3 reducer   100
7.2.4 connect   102
7.2.5 總結(jié)   103
7.3 Redux生態(tài)   104
7.3.1 redux middleware   104
7.3.2 redux-logger   104
7.3.3 redux-thunk   107
7.3.4 redux-saga   111
7.4 Redux進(jìn)階   116
7.4.1 理解middleware原理   116
7.4.2 手動(dòng)實(shí)現(xiàn)middleware   120
第8章 React架構(gòu)   121
8.1 文件結(jié)構(gòu)   121
8.2 CSS方案   122
8.2.1 CSS Modules   122
8.2.2 局部樣式   123
8.2.3 全局作用域   126
8.2.4 組合樣式   126
8.2.5 PostCSS   129
8.3 狀態(tài)管理   132
8.3.1 如何定義state   132
8.3.2 你可能不需要Redux   132
8.3.3 再來(lái)說(shuō)說(shuō)Redux   133
8.4 路由管理   135

第9章 React服務(wù)端渲染   139
9.1 服務(wù)端渲染的意義   139
9.2 理解服務(wù)端渲染原理   141
9.3 實(shí)戰(zhàn)：動(dòng)手實(shí)現(xiàn)服務(wù)端渲染   144
9.4 服務(wù)器渲染的思考   156
第10章編寫(xiě)測(cè)試   157
10.1 測(cè)試驅(qū)動(dòng)開(kāi)發(fā)   157
10.1.1 測(cè)試驅(qū)動(dòng)開(kāi)發(fā)的好處   157
10.1.2 測(cè)試驅(qū)動(dòng)開(kāi)發(fā)現(xiàn)狀   158
10.1.3 定義屬于自己的測(cè)試原則   159
10.2 React測(cè)試工具   160
10.2.1 Jest   160
10.2.2 Enzyme   161
10.3 動(dòng)手測(cè)試我們的代碼   162
10.3.1 使用Jest測(cè)試   162
10.3.2 使用Emzyme測(cè)試   167
10.4 測(cè)試之外   179
10.4.1 PropTypes   179
10.4.2 Flow    183
10.4.3 TypeScript    185
第11章性能優(yōu)化   190
11.1 不要過(guò)早優(yōu)化   190
11.2 React性能查看工具   191
11.3 React優(yōu)化手段   192
11.3.1 單個(gè)React組件性能優(yōu)化   192
11.3.2 shoudComponentUpdate   193
11.3.3 immutable（ImmutableJS）   194
11.4 性能優(yōu)化小結(jié)   197
第12章 Hooks   198
12.1 為什么引入Hooks   198
12.2 Hooks的使用方法   200
12.2.1 useState   200
12.2.2 useEffect   201
12.2.3 useReducer   202
12.2.4 Hooks使用限制   203
12.3 Hooks 實(shí)踐   205
12.3.1 與狀態(tài)有關(guān)的邏輯重用   205
12.3.2 DOM操作副作用的修改   208
12.3.3 Hooks互相引用   209
12.3.4 處理動(dòng)畫(huà)   211
12.3.5 模擬生命周期   215
12.4 Hooks小結(jié)   216
第13章 React實(shí)戰(zhàn)：React webpack ES6實(shí)現(xiàn)簡(jiǎn)易筆記本   217
13.1 配置環(huán)境   217
13.1.1 前臺(tái)準(zhǔn)備   217
13.1.2 服務(wù)端準(zhǔn)備   218
13.1.3 創(chuàng)建數(shù)據(jù)庫(kù)   220
13.1.4 連接數(shù)據(jù)庫(kù)   223
13.2 引入antd   229
13.3 改寫(xiě)筆記本樣式   233
13.4 案例小結(jié)   238
第14章 React實(shí)戰(zhàn)：React webpack ES6實(shí)現(xiàn)購(gòu)物車(chē)   239
14.1 前期準(zhǔn)備   239
14.1.1 環(huán)境準(zhǔn)備   239
14.1.2 編碼規(guī)范ESLint   240
14.1.3 項(xiàng)目結(jié)構(gòu)   246
14.2 組件設(shè)計(jì)   247
14.2.1 購(gòu)物車(chē)框架   247
14.2.2 商品組件和商品列表   251
14.2.3 商品搜索   259
14.2.4 購(gòu)物車(chē)   261
14.3 案例小結(jié)   265