從零開始學 ReactJS：最完整的 React 生態系入門教程

转自：https://github.com/kdchang/reactjs101

從零開始學 ReactJS（ReactJS 101）是一本希望讓初學者一看就懂的 ReactJS 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。 https://www.gitbook.com/book/kdchang/react101/details

從零開始學 ReactJS（ReactJS 101）

一本給初學者的 React 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)，打造跨平台應用程式。

相關連結（Links）

1. 從零開始學 ReactJS（ReactJS 101）粉絲頁

2. 繁體中文範例程式碼和書籍內容連載位置

3. 勘誤、許願、建議或提問

目錄（Table of Contents）

•  一、前端工程和 React 生態系（Ecosystem）簡介
•  二、開發環境設置與 Webpack 入門
•  三、React/JSX/Component 簡介
•  四、Props/State 基礎與 Component 生命週期
•  五、React Router
•  六、ImmutableJS
•  七、Flux/Redux
•  八、Container 與 Presentational Components
•  九、實戰教學：用 React + Router + Redux + ImmutableJS 寫一個 Github 查詢應用
•  十、實戰教學：用 React + Redux + Node（Isomorphic JavaScript）開發食譜分享網站
•  附錄一、React ES5、ES6+ 常見用法對照表
•  附錄二、用 React Native + Firebase 開發跨平台行動應用程式（Native Mobile App）
•  附錄三、React 測試入門教學
•  附錄四、GraphQL/Relay 初體驗

先備知識（Prior Knowledge）

本書針對已具備基本 HTML、CSS 和 JavaScript 和 DOM 操作知識的讀者設計，但若讀者對上述的技術仍不熟悉的話，建議可以先行參考：MDN、Codecademy、W3C School、JavaScript核心 或是參考筆者 之前的教學講義 進行學習。另外，本書全書範例都將以 ES6+ 撰寫，若需參考 ES5 用法，請參考附錄一的 React ES5、ES6+ 常見用法對照表。

關於作者（Author）

@kdchang 文藝型開發者，夢想是做出人們想用的產品和辦一所心目中理想的學校，目前專注在 Mobile 和 IoT 應用開發。A Starter & Maker. JavaScript, Python & Arduino/Android lover.:)

版權許可（License）

本書採用創用CC授權4.0 "姓名標示─非商業性─相同方式分享(BY-NC-SA)" 授權。

本授權條款允許使用者重製、散布、傳輸以及修改著作，但不得為商業目的之使用。若使用者修改該著作時，僅得依本授權條款或與本授權條款類似者來散布該衍生作品。使用時必須按照著作人指定的方式表彰其姓名。

詳細資訊請參考 CC BY-NC-SA 4.0。