从零开始学 ReactJS（ReactJS 101）

一本给初学者的 React 中文入门教学书，由浅入深学习 ReactJS 生态系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)，打造跨平台应用程式。

相关连结（Links）

1. 从零开始学 ReactJS（ReactJS 101）粉丝页

2. 繁体中文范例程式码和书籍内容连载位置

3. 勘误、许愿、建议或提问

翻译版本（Translate）

1. 简体中文版本 by @carlleton
2. 前端圈简体中文版本 by @blueflylin 特别感谢前端圈小伙伴！

若需翻译成其他语言版本，请先 fork 一份 repo 到自己的 GitHub 并另外开新的 branch。最后将翻译版本连结更新在 master 分支中 README.md 的 相关连结（Links） 后发送 Pull Request，谢谢您。

目录（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。

关键字（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, Front-End