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）階段

其它相關的方法

結論

作者序



　　從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核心設計的真正意義。

?