React快速入门(一)

React官方初学者示例

先来看一个入门示例, index.js:

注意,引入js的时候,type属性必须设置为 text/babel

依赖文件:

  • react.min.js: react核心库
  • react-dom.min.js: 与DOM相关的功能
  • browser.min.js: 将JSX语法转换为js语法,但,转换过程比较耗时,一般是转换后再上线。
    转换方式可以参考 babel 的使用方法,命令为babel src --out-dir build,babel的安装,只要执行npm命令即可 cnpm install --global babel-cli

离线转换

转换之后,browser.min.js 引用可以去掉。
打包工具,可以参考browserifywebpack