An introductory educational book for ReactJS, originally written in Traditional Mandarin Chinese, that hopes to enable beginners to learn ReactJS on first glance, through covering the ReactJS ecosystem from simple to complex (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc).

1. ReactJS 101 fanpage

2. Traditional Chinese Code Demo and Book Content Source

3. Corrections, questions, or requests

1. 简体中文版本 Simplified Chinese version by @carlleton
2. 前端圈简体中文版本 Fequan Simplified Chinese version by @blueflylin special thanks to our buddies at Fequen!
3. 英文版本 English version by @sycherng

If you wish to translate to other languages, please first fork a copy of the repo to your own Github and start a new branch. At the end update the link for your translated book within master folder's README.md and Links and send a Pull Request, thank you.

• 1. Web Front-End Development Introduction and React Ecosystem Introduction
• 2. React Development Environment Settings and Introduction to Webpack
• 3. React/JSX/Component Introduction
• 4. Props/State Basics and Component Lifecycles
• 5. React Router
• 6. ImmutableJS
• 7. Flux/Redux
• 8. Container and Presentational Components
• 9. Learn by Writing: Using React + Router + Redux + ImmutableJS to write a Github search app
• 10. Learn by Writing: Using React + Redux + Node (Isomorphic JavaScript) to develop a recipe-sharing website
• Appendix 1. React ES5, ES6+ Common Usage Reference Sheet
• Appendix 2. Using React Native + Firebase to develop a cross-platform native mobile app
• Appendix 3. React Testing Introduction
• Appendix 4. GraphQL/Relay First Experience

This book was designed for readers who have fundamental skills in HTML, CSS, and Javascript, as well as experience working with the Document-Object Model (DOM), however if the reader is not entirely familiar with the above skills, I recommend first reading: MDN, Codecademy, W3C School, JavaScript Core or my previous courses for learning. Furthermore, this book uses ES6+ for all of its demos, if you need a comparison sheet to ES5 usage, please refer to Appendix 1 React ES5, ES6+ Common Usage Reference Sheet.

@kdchang is an artistic developer, who dreams to create products people want to use as well as establish an ideal [software] academy, currently focused on Mobile and IoT application development. A Starter & Maker, JavaScript, Python & Arduino/Android lover.:)

This book uses Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license.

This license permits users to copy and redistribute the material as well as adapt the material, but prohibits commercial use. If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original. During use you must follow the author's preferred way of writing their name.

For detailed information please refer to CC BY-NC-SA 4.0.

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 Course, React Education, Learn React, React Tutorial, Tutorial, Ecosystem, Front-End