react核心

1. react.js
   • 核心文件
   • npm i react -S
2. react-dom.js
   • 渲染页面中的DOM 当前文件依赖于react核心文件
   • npm i react-dom -S
3. babel.js
   • ES6转换成ES5 JSX语法转换成js 现今浏览器进行代码的兼容
   • npm i babel-standalone -S
4. jsx = javascript xml
   • javascript的扩展语法，执行的效率更快
   • 类型安全的，编译过程中就能及时发现错误
   • 在使用jsx的时候编写模板会更加简单和快速

react开发环境的搭建

1. 新建文件夹react
2. react文件夹中打开cmd初始化文件npm init
3. npm安装react必备文件
4. 根目录新建index.html
5. 在html文件中script引入src=”./node_modules/react/umd/react.development.js”
6. 在html文件中script引入src=”./node_modules/react-dom/umd/react-dom.development.js”
7. 在html文件中script引入src=”./node_modules/babel-standalone/babel.min.js”
8. 在html文件body中创建根节点

// 1.使用表达式/变量 {表达式/变量}
let hello = 'hello world！'
let n = 'haojie'
function name(params) {
  return `姓名是${params}`
}
let myDom = <div>
              <h1>{hello}</h1>
              <div>{name(n)}</div>
            </div>
ReactDOM.render(myDom, document.getElementById('react'))

jsx的基本使用