https://github.com/kdchang/reactjs101

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

從零開始學 ReactJS（ReactJS 101）

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

相關連結（Links）

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

範例程式碼和書籍內容連載位置

目錄（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 或是參考筆者 之前的教學講義 進行學習。另外，本書全書範例都將以 ES6+ 撰寫，若需參考 ES5 用法，請參考附錄一的 React ES5、ES6+ 常見用法對照表。

關於作者（Author）

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

關鍵字（Keywords）

React, React Native, React Router, Flux, Redux, Node, Express, ImmutableJS, NPM, Babel, Browserify, Webpack, Gulp, Grunt, Pure Functions, PropTypes, Stateless Functional Components, Presentational Components, ES6, ES5, JSX, Jest, Unit Test, Component, Relay, GraphQL, Universal/Isomorphic, React Tutorial React教程, React教學, 學React, React Tutorial, Tutorial, Ecosystem