去年 8 月左右，看到了 ThoughtWorks 发布的 2016 年技术雷达，里面重点推荐了 react.js 技术，加上前端技术栈三足鼎立中，react 也占据一席，其他两个分别是 vue.js 及 angular.js，而 react 和其他两个的区别在于，它颠覆了整个技术栈，自成一派，抛弃了 HTML 和 DOM，引入了 JSX 语法，让程序员可以更专注于逻辑代码。这一切让我对 react.js 充满了好奇，决定花时间学习一下，一探究竟。

React 的核心思想是：封装组件，各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。 最近前端界闹的沸沸扬扬的技术当属 react 了，加上项目需要等等原因，自己也决定花些时间来好好认识下这个东西。然后学习的时候顺便花时间写了一个 demo：react-todos，…

最近在学 React.js，也写了一些练习的项目，之前参考网上的一些代码写了一个很简单的 to-do list。对于初学者来说，写个基本的 to-do list 对于理解 React 中的一些概念及语法倒是挺有帮助的。

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。 这篇文章让你对 React 有一个快速而清晰的认识。

正如你能从标题猜到的，这篇文章的目标是给那些有很少编程经验的读者的。比如，像我这样的人：因为迄今为止，我才探索了编程世界 6 个月。所以，这将是一篇新手村教程！ 你只需要拥有对 HTML 和 CSS 的理解，以及基本的 JavaScript（JS）知识就能看懂本文。

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。React 的虚拟 DOM 的特性使得他可以多端渲染，甚至直接渲染到 Canvas。

React 是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱。一旦接触她，你就会被她深深吸引。 我断断续续的学了将近两个月，今天终于有时间把自己学习 React 的一些学习资料总结一下。

轻松入门 React 和 Webpack

一个简单 TodoList 的教程，让初学者能够快速上手并且对 React 有个大概的了解 :D