React - Facebook开源Javascript库
2013-05-31 16:28
295 查看
1. React 概述
React是Facebook开源的一套Javascr库,使用了类似XML的JSX语法来构建组件。JSX与我们常规的JS语法最大的不同就是,JSX任何东西都是组件/节点(Components),我们无需像普通JS那样子去CreateElement,取而代之的是直接编写HTML代码,所有的HTML标签均被解析为DOM节点。
例如:正常情况下我们创建一个DOM节点使用 document.createElement('div');,但JSX允许您使用我们直接使用HTML语法的编写方法 <div>...</div>,两者实现的结构是一样的,都创建了一个div标签。
2. React 浏览器兼容性
React支持Chrome、Firefox、Safari、IE;如果您想在IE8使用react,那么就需要使用ES5 Shims扩展库。3. 获取React
React下载地址:http://facebook.github.io/react/docs/getting-started.html4. React 第一个例子 Hello World
<!DOCTYPE html> <html> <head> <meta http-equiv='Content-type' content='text/html; charset=utf-8'> <title>Hello World - React Starter</title> <script src="react/react.js"></script> <script src="react/JSXTransformer.js"></script> </head> <body> <div id="container"></div> <script type="text/jsx"> /** * @jsx React.DOM */ React.renderComponent( <h1>Hello World!</h1>, document.getElementById('container') ); </script> </body> </html>
注意:/** @jsx React.DOM */ 这行注释必须存在,否则React无法运行,具体原因暂时未能得知,我会在后续的文章中介绍到。
您可以修改并重新发布本文,如果您能留下本文的参考连结,万分谢谢!
如果您对本文存在疑问,欢迎留言或者直接对本文评论,我会在看到的第一时间回复您。
相关文章推荐
- [开源推荐]Facebook开源的JavaScript库:React 【轻量级app开发】
- Facebook开源的JavaScript库:React
- Facebook开源JavaScript库:React
- Facebook开源JavaScript库:React
- react-native (faceBook 开源项目初探)
- [置顶] 从React和React Native中学习Facebook在开源项目中的行为准则【code of conduct】
- Facebook拒修改React开源许可,你会对React说再见吗?
- facebook开源前端UI框架React初探
- Facebook关于react-native开源项目
- 从Facebook的React框架事件学习一下开源协议
- Facebook 开源安卓版 React Native,开发者可将相同代码用于网页和 iOS 应用开发
- Facebook拒修改React开源许可,你会对React说再见吗?
- 关于Facebook 的 React 专利许可证
- Facebook平台正式开源 源代码大部分采用CPAL
- 关于FACEBOOK 的 REACT 专利许可证
- 移动应用跨平台框架江湖将现终结者?速来参拜来自Facebook的React Native
- FaceBook pop 动画开源框架使用说明
- react-native开源组件react-native-wechat学习
- Hadoop应用------如何编写Hadoop调度器【可以先学习雅虎开源的容量调度器和facebook开源的公平调度器】
- Facebook开源服务器和数据中心核心技术