react尝试

尝试下react框架

参考

• 官方git: https://github.com/facebook/react, 支持bower安装：bower install --save react

• 参考文章：http://www.ruanyifeng.com/blog/2015/03/react.html

注意事项：

1. 需要引入react.js及JSXTransformer.js两个库文件

   • 注：其中JSXTransformer.js 的作用是将 JSX 语法转为 js 语法，可以不使用，如果用的话，最好布署上线前完成转换

   • 转换工具及命令如下：

   npm install -g react-tools   
   jsx --watch src/ build/  
   

2. 不支持ie6/7

3. 使用jsx语法时要注意，标签type为'text/jsx'

   <script type="text/jsx">
     // ** Our code goes here! **
   </script>
   

照例要有hello world:

//引入react.js jsxtransformer.js (略)
//目标元素
<div id="example"></div>
<script type="text/jsx" >
React.render(
	<h1>Hello, world!</h1>,
	document.getElementById('example')
);
</script>

//或者只引用react.js时
<script>
React.render(
	React.createElement("h1", null, "Hello, world!"),
	document.getElementById('example')
);
</script>  

笔记