react 入门

react.js是React的核心库

react-dom.js 是提供与Dom相关的功能，

Borwser.js的作用是将JSX语法转换为JavaScript语法这一步很消耗时间，

实际上线的时候，应该将它放到服务器完成。

React.render()是React的最基本方法，用于将模板转化为HTML语言

并插入到指定的Dom节点

ReactDom.render(

　　<h1>Hello,world!</h1>

　　document.getElementById('example')

)

 jsx和createElement之间到底有什么区别？

jsx 语法糖 

React使用JSX来代替常规的ja

看起来像xml的js语法扩展

react中用jsx语法描述视图，通过babel-loader转译后React.createEleemnt形式 这个函数将生成的vdom来描述真实的dom。

如果状态变化，vdom将作出相应变化，再通过diff算法对比新老vdom区别从而做出dom操作

原理：babel-loader会预编译jsx为React.createElement的形式

与vue的异同：

react中虚拟Dom+jsx的设计一开始就有，vue则是演进过程中才出现的

jsx本来就会是js扩展，转译过程简单直接的多，vue把template编译为render函数的过程需要复杂的编译器转换字符串

调试源码 需要 DebugReact