React - Facebook开源Javascript库
来源:互联网 发布:大公 知乎 编辑:程序博客网 时间:2024/05/18 23:24
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.html
4. 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
- React - Facebook开源Javascript库
- Facebook开源JavaScript库:React----用于构建UI
- [开源推荐]Facebook开源的JavaScript库:React 【轻量级app开发】
- Facebook React Native 初探
- Facebook开源React Native以及相应的IDE:Nuclide
- Riot - 比 Facebook React 更轻量的 UI 库
- Facebook React Native开发入门
- facebook:我们为什么构建React
- Facebook发布React Native for Android
- Facebook关于react-native开源项目
- 关于FACEBOOK 的 REACT 专利许可证
- 用 React 整合 LogEntries JavaScript 库
- Facebook开源C++组件库Folly
- Facebook开源C++组件库Folly
- ListView(React, JavaScript, HTML)
- 【Facebook的UI开发框架React入门之一】简介-goodmao
- Facebook的Web开发三板斧:React.js、Relay和GraphQL
- 【excel技巧】关于excel的if和sumifs公式的使用
- 八皇后问题
- ps命令
- android 添加外接键盘操作事件流程
- 强大的解压缩库
- React - Facebook开源Javascript库
- Dropbox 安装地址 http://db.tt/UrYer0U
- 递归遍历详解
- Telephony架构简述
- O(n)时间求最接近中位数的k个数
- __builtin_return_address/_RET_IP_/_THIS_IP_
- 教你轻松显示Gif图片
- jsp 中去掉字符串中的空格
- Delphi DBExpress 数据库教程自学