react 的基本介绍

// 1.
// react.min.js react
// react-dom.min.js react-dom
// browser.min.js javascript/XML webpack 自动配置好 jsx 环境
// 2.
// react.min.js react 核心文件 包含了react diff 算法 虚拟DOM 模型 react事件机制
// 提供创建组件的API createClass Component

// react-dom.min.js 封装了操作react 组件API 负责把虚拟DOM 渲染 render 成真实DOM
// ReactDOM.render()

// browser.min.js 负责解析 jsx 代码 , js内的html代码解析出来返回给浏览器

// 3. type=“text/babel” 允许js 里面 书写 html 代码 (jsx)

// 4. ReactDOM.render(虚拟DOM,真实DOM)
// ReactDOM.render(,app);
// React.createElement() 创建虚拟DOM

// 5. data-reactroot 表面当前元素是 该组件的顶层标签
// 任何组件都只能有一个顶层标签

// 6. jsx 语法规则
// 遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；
// 遇到代码块（以 { 开头），就用 JavaScript 规则解析

// 7. 注释 组件内部注释
// { /*

{txt}

*/ }