什么是React?

React把用户界面抽象成一个个组件，如按钮组件Button、对话框组件Dialog、日期组件Calendar.开发者通过组合这些组件，最终得到功能丰富、可交互的页面。通过引入JSX语法，复用组件变得非常容易，同时也能保证组件结构清晰。有了组件这层抽象，React把代码和真实渲染目标隔离开来，除了可以在浏览器端渲染到DOM来开发网页外，还能用于开发原生移动应用。

React的核心是组件，组件的设计目的是提高代码复用率、降低测试难度和代码复杂度。

React的精髓是函数式编程。

提高代码复用率：组件将数据和逻辑封装，类似面向对象中的类。

降低测试难度：组件高内聚低耦合，很容易对单个组件进行测试。

减低代码复杂度：直观的语法可以极大提高可读性。

虚拟Dom:

DOM操作非常昂贵。在前端开发中，性能消耗最大的就是DOM操作，而且这部分代码会让整体项目的代码变得难以维护。React把真实DOM树转换成JavaScript对象树，也就是Virtual DOM

函数式编程：

它属于“结构化编程”的一种，主要思想是把运算过程尽量写成一系列嵌套的函数调用。

函数式编程才是React的精髓。

$ babel src --out-dir build

上面命令可以将src子目录的js文件进行语法转换，转码后的文件全部放在build子目录。