> 原文出处:http://www.ruanyifeng.com/blog/2015/03/react.html > 作者: 阮一峰 现在最热门的前端框架,毫无疑问是 [React](https://facebook.github.io/react/) 。 上周,基于 React 的 [React Native](http://facebook.github.io/react-native/) 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 [JavaScript MVC 框架](http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html),都不满意,就决定自己写一套,用来架设 [Instagram](https://instagram.com/) 的网站。做出来以后,发现这套东西很好用,就在2013年5月[开源](http://facebook.github.io/react/blog/2013/06/05/why-react.html)了。 ![](https://box.kancloud.cn/2015-09-27_5607705493862.png) 由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目,目标更是宏伟,希望用写 Web App 的方式去写 Native App。如果能够实现,整个互联网行业都会被颠覆,因为同一组人只需要写一次 UI ,就能同时运行在服务器、浏览器和手机(参见[《也许,DOM 不是答案》](http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html))。 ![](https://box.kancloud.cn/2015-09-27_5607705bbab34.jpg) 既然 React 这么热门,看上去充满希望,当然应该好好学一下。从技术角度,可以满足好奇心,提高技术水平;从职业角度,有利于求职和晋升,有利于参与潜力大的项目。但是,好的 React 教程却不容易找到,这一方面因为这项技术太新,刚刚开始走红,大家都没有经验,还在摸索之中;另一方面因为 React 本身还在不断变动,API 一直在调整,至今没发布1.0版。 [![](https://box.kancloud.cn/2015-09-27_5607705cdb04f.png)](https://github.com/ruanyf/react-demos) 我学习 React 时,就很苦恼。有的教程讨论一些细节问题,对入门没帮助;有的教程写得不错,但比较短,无助于看清全貌。我断断续续学了几个月,看过二十几篇教程,在这个过程中,将对自己有帮助的 Demo 都收集下来,做成了一个库[React Demos](https://github.com/ruanyf/react-demos) 。 [![](https://box.kancloud.cn/2015-09-27_5607705e10f4a.png)](https://github.com/ruanyf/react-demos) 下面,我就根据[这个库](https://github.com/ruanyf/react-demos),写一篇全面又易懂的 React 入门教程。你只需要跟着每一个 Demo 做一遍,就能初步掌握 React 。当然,前提是你必须拥有基本 JavaScript 和 DOM 知识,但是你读完就会发现,React 所要求的预备知识真的很少。