React全方位基礎入門實戰-初心者開始的第一堂必修課

PREFACE

從2015年底開始，我開始學習React、React Native與Redux等等相關的技術，由於這個契機，我開始加深地學習ES6(ES2015) 的許多新的特性。在網路上因為能找到的中文學習資料實在很少也很零碎，陸陸續續大約花了3個月的時間，以整理筆記與適合於中文開發者入門導向的方式，撰寫了《從ES6開始的JavaScript學習生活》與《從Promise開始的JavaScript異步生活》兩本電子書，在我個人的部落格中也張貼一些相關的文章，主要是一些研究ES6的主題。在2016年底參與了iT邦幫忙鐵人賽，主題也是以React的相關教學為主，這些成果讀者都在網路上都可以找得到，本書許多章節的內容，都整理於這些已有內容。本書雖然是React的入門書籍，但包含了相當多的有關於ES6(ES2015)相關知識的章節，我把React在撰寫時會使用到的ES6語法和特性，都包含到這些章節之中，作為開始開發React應用的基礎知識。

在這兩年中實際教學的心得，我會認為學習像React這類的新式函式庫或框架，最困難的其實是一開始的ES6(ES2015)的新特性與語法，對於已經熟練JavaScript語言的開發者來說，這些都是新的東西，都需要再花時間研究與學習，不論你是要學習React或其它新式的函式庫或框架，都是要先學好ES6的新語法，有了基礎後才有辦法學得好與靈活的應用。對於初入門的學習者，我會鼓勵先學習基礎的部份，再來是養成正確的程式碼撰寫習慣，注重各種由有經驗的資深開發者，所累積下來的寶貴的開發風格建議，以及對於各種工具與開發環境的熟練。

React對於網站應用程式的開發整體的思維，與目前流行的jQuery函式庫的作法完全不同，開發方式也不太一樣。開發者一旦熟悉習慣了某些開發的方式與想法，因為有了基礎，對於學習新的作法時有可能有事半功倍的效果，但也有可能會有反面的排斥心態，不管如何，我會建議先花些時間仔細地從最簡單的、最基礎的範例應用中，親自動手操作撰寫看看，然後延伸到自己目前手上的專案中，而不要只是單純看看文件和程式碼，從範例中可以體會更多React核心設計的真正意義。

PREFACE

從2015年底開始，我開始學習React、React Native與Redux等等相關的技術，由於這個契機，我開始加深地學習ES6(ES2015) 的許多新的特性。在網路上因為能找到的中文學習資料實在很少也很零碎，陸陸續續大約花了3個月的時間，以整理筆記與適合於中文開發者入門導向的方式，撰寫了《從ES6開始的JavaScript學習生活》與《從Promise開始的JavaScript異步生活》兩本電子書，在我個人的部落格中也張貼一些相關的文章，主要是一些研究ES6的主題。在2016年底參與了iT邦幫忙鐵人賽，主題也是以React的相關教學為主，這些成果讀者都在網路上都...

CHAPTER 01 ES6簡介與開發環境建置
前言
ES6標準介紹
工具篇
結論
CHAPTER 02 資料類型、let與const
前言
資料類型
鬆散資料類型
判斷資料類型-typeof
let與const
const
let
結論
CHAPTER 03 箭頭函式
前言
函式（function）
箭頭函式
結論
CHAPTER 04 函式傳入預設值
前言
傳入參數預設值
結論
CHAPTER 05 展開與其餘運算符
前言
簡介
展開運算符（Spread Operator）
其餘運算符（Rest Operator）
ES7+的其餘/展開屬性
撰寫風格建議
結論
CHAPTER 06 物件增強語法與方法
前言
JavaScript中的物件類型
ES6中的物件語法增強
結論
CHAPTER 07 類別
前言
在ES6之前的物件實體化方式
類別（Class）介紹
風格指引
結論
CHAPTER 08 解構賦值
前言
介紹
各種應用情況
React中的實例應用
撰寫風格建議
結論
CHAPTER 09 模組系統
前言
模組系統介紹
模組如何開始使用
模組輸出與匯入
模組輸出與匯入語法參考
撰寫風格建議
結論
CHAPTER 10 副作用與純粹函式
前言
副作用介紹
陣列相關純粹函式
物件相關純粹函式
不可改變（immutable）的討論
結論
CHAPTER 11 Promise
前言
Promises/A+標準
Promise物件
then與catch
執行流程與錯誤處理
靜態方法Promise.resolve與Promise.reject
靜態方法Promise.all與Promise.race
結論
CHAPTER 12 Fetch API
前言
AJAX與XMLHttpRequest(XHR)
Fetch基本語法
Fetch介面說明
Fetch相較於jQuery.ajax
Fetch問題點
結論
CHAPTER 13 React介紹
前言
React介紹
撰寫第一支React程式
結論
CHAPTER 14 JSX語法
前言
一個小的事件處理範例
JSX語法與React元素（Element）
JSX語法基礎學習指引
JSX語法基本撰寫風格
JSX語法花括號中的表達式
JSX語法花括號使用的情況
JSX語法特殊用法
結論
CHAPTER 15 state（狀態）與props（屬性）
前言
加減計數器
計算機應用程式
state與props的討論
結論
CHAPTER 16 CRUD應用程式
前言
文字輸入框與顯示文字應用
待辦事項清單（TodoList）應用
結論
APPENDIX A 生命週期方法
掛載（mounting）階段
更新（Updating）階段
卸載（Unmounting）階段
其它相關的方法
結論

CHAPTER 01 ES6簡介與開發環境建置
前言
ES6標準介紹
工具篇
結論
CHAPTER 02 資料類型、let與const
前言
資料類型
鬆散資料類型
判斷資料類型-typeof
let與const
const
let
結論
CHAPTER 03 箭頭函式
前言
函式（function）
箭頭函式
結論
CHAPTER 04 函式傳入預設值
前言
傳入參數預設值
結論
CHAPTER 05 展開與其餘運算符
前言
簡介
展開運算符（Spread Operator）
其餘運算符（Rest Operator）
ES7+的其餘/展開屬性
撰寫風格建議
結論
CHAPTER 06 物件增強語法與方法
前言
JavaScript中的物件類型
...