React.js 16從入門到實戰 ( 簡體 字) |
| 作者：王金柱 | 類別：1. -> 程式設計 -> 網路編程 -> React |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 52521
詢問書籍請說出此書號！【有庫存】
NT售價： 345 元 |
| 出版日：1/1/2020 |
| 頁數：340 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302545439 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：讀懂本書
React異軍突起
React框架自誕生伊始就備受矚目，一切皆源自其強大的背景。React框架最初是社交網絡巨頭Facebook（臉書）公司的一個內部項目，設計目標是用來架構Instagram網站的。Instagram就是大名鼎鼎的、用于圖片分享的社交應用，用戶可通過Instagram隨時隨地將抓拍的圖片上傳到移動終端設備（手機、平板電腦等）上彼此分享。
本書注重代碼實踐，為讀者全面深入地講解了針對React 16開發的技術棧。全書百余個代碼實例給讀者帶來的不僅僅是全面的基礎知識，更是為讀者提供了設計簡潔、開發高效的實際項目應用。可以說，這是一本學習React 16框架開發技術的高效手冊。
React支持跨終端、多平臺的開發，無論是傳統的PC端、還是現今正流行的移動端設備，又或是Windows系統、Android系統和iOS系統，均是React可以發揮威力的舞臺。可以說，今天React框架的迅速崛起是由其內在的技術特性所決定的。
React技術領先
React框架的設計初衷主要是用于構建UI，而構建UI的核心思想就是封裝組件。組件維護自身的狀態和UI，每當狀態發生改變時就會自動重新渲染組件自身，而不需要通過反復查找DOM元素后再重新渲染整個組件了。
同時，React框架支持傳遞多種類型的參數，比如：代碼聲明、動態變量，甚至是可交互的應用組件。因此，UI渲染方式既可以通過傳統的靜態HTML DOM元素，也可以通過傳遞動態變量，甚至是通過整個可交互的組件來完成的。
本書中關于以上這些技術內容均有詳細介紹，通過具體的代碼實例幫助讀者學習和掌握這些知識點的原理及使用方法，真正實現了理論與實踐相結合的學習方法。
本書真的適合你嗎？
本書涵蓋了絕大部分關于React 16基礎及進階的內容，將知識點與應用實例相結合，通過大量的代碼實例幫助讀者快速掌握React 16框架的編程技巧，并應用到實踐開發之中。本書通過這種學以致用的方式來增強讀者的閱讀興趣，對于無論是基礎內容或提高內容，相信讀者都可以從中獲益。
本書內容安排
本書共16章，各章節針對不同的React 16知識點進行了詳細的介紹：
第1章主要介紹了關于React 16框架安裝、環境搭建和開發工具使用方面的內容，旨在幫助讀者快速掌握React開發的方法。
第2章主要介紹了關于React JSX方面的知識，JSX其實就是JavaScript XML的縮寫，具有支持自定義屬性和很好擴展性的特點，是React框架所獨有的內置語法，因此建議設計人員使用JSX方式來實現UI中的虛擬DOM。
第3章主要介紹了React組件和Props參數方面的內容。React組件可以將UI切分成一些獨立的、可復用的部件，這樣有助于設計人員專注于構建每一個單獨的部件。React組件通過Props可以接收任意的輸入值，因此Props也可以理解為參數的概念。
第4章主要介紹了React State（狀態）和生命周期方面的知識。React將組件看成是一個狀態機（State Machines），通過其內部定義的狀態（State）與生命周期（Lifecycle）實現與用戶的交互，并維持組件不同的狀態。
第5章主要介紹了React事件處理方面的內容。React框架的事件處理機制與JavaScript的DOM元素事件類似，但二者在語法上是略有不同的。通過本章的學習，可以幫助讀者理解React事件處理的使用方法。
第6章主要介紹了關于React條件渲染方面的內容。在React框架中，設計人員可以創建不同的組件來封裝各種業務需求，然后依據需求的不同狀態，僅僅渲染組件中對應狀態下的局部內容。
第7章主要介紹了關于React列表的知識。具體包括如何創建、轉化和使用列表，以及如何通過Key來識別元素改變的操作。
第8章主要介紹了關于React表單的內容。具體包括如何在React框架中使用表單（Form），以及與HTML表單的異同。React表單中的DOM元素與React框架中的其他DOM元素有所不同，因為表單元素需要保留一些內部狀態（State）。
第9章主要介紹了關于React組合與繼承方面的知識。React官方推薦設計人員在實際項目中盡量使用組合模式、而非繼承來實現組件的代碼重用。因此在本章中將對這兩種模式進行一些基本的闡述。
第10章主要介紹了關于React狀態提升方面的內容。在React框架中，當多個組件需要反映相同的變化數據，這時建議將共享狀態提升到最近的共同父組件中去，這就是所謂的“狀態提升”。
第11章主要介紹了關于React擴展方面的內容。所涉及的內容包括Node、Babel、Webpack、Browserify、React Router和單頁面，以及Redux等。這些知識點或是與React環境相關、或者與React擴展相關，都是與React設計開發息息相關的內容。
第12∼16章針對React及其技術棧專門開發了5個實際的項目應用，具體包括React、React-Router和Redux等方面的內容，盡量幫助讀者在實踐中學習和掌握React框架開發Web應用的方法和技巧。
本書特點
（1）本書從最簡單的、最通用的React代碼實例出發，拋開枯燥的純理論知識介紹，通過實例講解的方式幫助讀者快速學習React開發技巧。
（2）本書內容涵蓋了React框架及其技術棧開發所涉及的絕大部分知識點，將這些內容整合到一起可以系統地了解和掌握這門語言的全貌，為介入大型Web項目的開發做了很好的鋪墊。
（3）本書對于實例中的知識難點做出了詳細的分析，能夠幫助讀者有針對性地提高React編程開發技巧，并且通過多個實際的項目應用，盡力幫助讀者掌握React框架開發所涉及方方面面的內容。
（4）本書在React及其相關知識點上按照類別進行合理的劃分，全部的代碼實例都是獨立的，讀者可以從頭開始閱讀，也可以從中間開始閱讀，不會影響學習進度。
（5）本書代碼遵循重構原理，避免代碼污染，真心希望讀者能寫出優秀的、簡潔的、可維護的代碼。
源代碼下載
本書示例源代碼下載地址請掃描右邊二維碼獲得。
如果下載有問題，請直接聯系解決問題，郵件主題為“React.js 16從入門到實戰”。
本書讀者
? React框架學習初學者
? Node.js框架學習初學者
? JavaScript開發初學者和前端開發初學者
? 由JavaScript向React框架轉型的開發人員
? IT培訓學校前端實踐課程的學生
? 高等院校前端實踐課程的學生
關于封面照片
封面照片由蜂鳥網的攝影家ptwkzj先生友情提供，在此表示衷心感謝。
作 者
2020年1月 |
內容簡介：本書是一本從實戰出發，學習React.js 16框架及其相關技術棧的入門與實踐書籍。全書內容翔實、重點突出、代碼豐富、通俗易懂，涵蓋了React.js 16框架開發的方方面面。
全書共分為16章，包括React基礎開發、React JSX、組件Components、Props參數、State狀態和生命周期、事件處理、條件渲染、列表、表單、組合與繼承、狀態提升、Refs、Router路由與Redux擴展等相關知識內容。另外，為了突出本書項目實戰的特性，有針對性地基于React框架及其技術棧講解了5個實際項目應用，可以幫助讀者深入掌握React的開發技巧。
本書用于學習React.js 16編程，全書內容簡潔、代碼精練、重點突出、實例豐富，能夠幫助初學者快速掌握React開發方法。同時，對于前端開發人員提高服務器端腳本語言的開發技術水平有非常大的幫助。 |
目錄：第1章React簡介 1
1.1React概述 1
1.2React優勢 1
1.3第一個React應用 2
1.4React腳手架 5
1.4.1關于React腳手架 5
1.4.2Node.js與npm 6
1.4.3Webpack模塊打包器 7
1.4.4ES6和Babel 7
1.4.5使用create-react-app腳手架開發第一個應用 8
1.4.6React項目架構 9
1.5React虛擬DOM 10
1.6JSX簡單入門 14
1.7React渲染機制 16
第2章ReactJSX 19
2.1JSX介紹 19
2.2JSX獨立文件 19
2.3JSX算術表達式 21
2.4JSX條件表達式 23
2.5JSX嵌入表達式 24
2.6JSX對象表達式 26
2.7JSX函數表達式 28
2.8JSX增強函數表達式 29
2.9JSX數組表達式 32
2.10JSX樣式表達式 33
2.11JSX注釋表達式 35
第3章React組件與Props 37
3.1React組件介紹 37
3.2React函數組件 38
3.3React類組件 39
3.4React組合組件 42
3.5ReactProps介紹 45
3.6ReactProps應用 47
3.7ReactProps只讀性 49
3.8ReactProps默認值 52
3.9React組件切分與提取 54
第4章ReactState與生命周期 63
4.1ReactState介紹 63
4.2關于定時器時鐘的思考 65
4.3開始封裝時鐘UI 66
4.4實現時鐘UI的自動更新 68
4.5自我更新的時鐘UI類 69
4.6在時鐘組件類中引入State狀態 72
4.7React生命周期介紹 76
4.8在時鐘組件類中使用生命周期 77
4.9正確的使用State狀態 79
4.10自頂向下的數據流 84
第5章React事件處理 92
5.1React事件介紹 92
5.2React單擊事件 94
5.3React阻止事件默認行為 97
5.4React類的事件處理方法 99
5.5綁定回調方法的其他方式 101
5.6在事件處理方法中傳遞參數 105
5.7實戰：開關按鈕 109
5.8React文本框事件 113
5.9實戰：水溫監控控件 117
第6章React條件渲染 122
6.1React條件渲染介紹 122
6.2元素變量的條件渲染 125
6.3邏輯“與”運算符的條件渲染 133
6.4邏輯“或”運算符的條件渲染 135
6.5三元邏輯表達式的條件渲染 137
6.6實戰：改進登錄組件 139
6.7阻止組件渲染 142
第7章React列表與Key 145
7.1React列表介紹 145
7.2基礎列表組件 147
7.3多級列表組件 149
7.4ReactKey介紹 152
7.5ReactKey使用 155
7.6React通過Key提取組件 157
7.7ReactKey局部唯一性 162
7.8ReactKey有效性 164
第8章React表單 168
8.1React表單介紹 168
8.2表單受控組件 171
8.3強制轉換大寫字母 177
8.4校驗手機號碼格式 181
8.5格式化序列號 187
8.6文本域關鍵字 190
8.7下拉列表受控組件 194
8.8處理多個輸入 197
8.9React表單提交操作 200
8.10React表單提交服務器 205
8.11受控組件與非受控組件 210
第9章組合與繼承 215
9.1組合與繼承概述 215
9.2定義組件容器 215
9.3定義子組件 216
9.4自定義Props屬性 221
9.5特例關系組合 223
9.6類組合方式確認框 225
第10章狀態提升 229
10.1設計構想 229
10.2實現水溫監控功能 230
10.3加入第二個水溫輸入框 233
10.4同步二個水溫輸入框 237
10.5將水溫“狀態共享” 240
10.6將水溫“狀態提升” 244
10.7實現水溫同步換算 249
第11章React擴展 255
11.1Node.js與React 255
11.2Babel與React 256
11.3Webpack模塊打包器 257
11.4Node+Babel+Webpack搭建React環境 261
11.5Browserify模塊打包器 268
11.6ReactRouter與單頁面應用 271
11.7Redux與React 273
第12章實戰1：基于React+Redux實現計數器應用 279
12.1設計思想 279
12.2計數器應用頁面 280
12.3主入口模塊 281
12.4視圖模塊 282
12.5Action定義 285
12.6Reducer設計 285
12.7計數器應用測試 286
第13章實戰2：基于React+Redux實現計算器應用 289
13.1設計思想 289
13.2計算器應用頁面 290
13.3主入口模塊 291
13.4視圖模塊 292
13.5Action定義 296
13.6Reducer設計 297
13.7計算器應用測試 299
第14章實戰3：基于Provider容器組件重構計算器應用 301
14.1設計思想 301
14.2主入口模塊 303
14.3App組件 303
14.4視圖模塊 305
14.5Action定義 309
14.6Reducer設計 309
14.7重構的計算器應用測試 312
第15章實戰4：基于Redux實現任務管理器應用 313
15.1設計思想 313
15.2任務管理器應用頁面 314
15.3主入口模塊 315
15.4App組件 315
15.5AddTodo組件 316
15.6VisibleTodoList組件 317
15.7Footer組件 320
15.8Action定義 322
15.9Reducer設計 323
15.10任務管理器應用測試 325
第16章實戰5：基于React+Router+Redux的網站架構 328
16.1設計思想 328
16.2網站架構應用頁面 329
16.3主入口模塊 330
16.4App組件 330
16.5Reducer設計 332
16.6視圖組件 335
16.7Action定義 338
16.8網站架構應用測試 339 |
| 序： |
