reactjs入门
2017-02-22 16:29
85 查看
1、
React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上
2、 一共用了三个库:
React 的核心库,
DOM 相关的功能,
JSX 语法转为 JavaScript 语法,这一步很消耗时间,实际上线的时候,应该将它放到服务器完成。
3、ReactDOM.render
是 React 的最基本方法,用于将模板转为 HTML 语言,并插入指定的 DOM 节点。
4、JSX
的语法:HTML 语言直接写在 JavaScript 语言之中,不加任何引号,它允许 HTML 与 JavaScript 的混写。
JSX
的基本语法规则:遇到 HTML 标签(以
HTML 规则解析;遇到代码块(以
JavaScript 规则解析
详细入门请见:http://www.ruanyifeng.com/blog/2015/03/react.html
react和angular区别请见: http://blog.csdn.net/u012125579/article/details/52744093
<script>标签的
type属性为
text/babel。这是因为
React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上
type="text/babel"。
2、 一共用了三个库:
react.js、
react-dom.js和
Browser.js,它们必须首先加载。其中,
react.js是
React 的核心库,
react-dom.js是提供与
DOM 相关的功能,
Browser.js的作用是将
JSX 语法转为 JavaScript 语法,这一步很消耗时间,实际上线的时候,应该将它放到服务器完成。
3、ReactDOM.render
是 React 的最基本方法,用于将模板转为 HTML 语言,并插入指定的 DOM 节点。
4、JSX
的语法:HTML 语言直接写在 JavaScript 语言之中,不加任何引号,它允许 HTML 与 JavaScript 的混写。
JSX
的基本语法规则:遇到 HTML 标签(以
<开头),就用
HTML 规则解析;遇到代码块(以
{开头),就用
JavaScript 规则解析
详细入门请见:http://www.ruanyifeng.com/blog/2015/03/react.html
react和angular区别请见: http://blog.csdn.net/u012125579/article/details/52744093
相关文章推荐
- ReactJS入门指南
- React.js 基础入门二--组件嵌套
- 一看就懂的ReactJs入门教程-精华版
- [转]ReactJS入门教程
- 一看就懂的ReactJs入门教程(精华版)
- 一看就懂的ReactJs入门教程-精华版
- ReactJS 入门实例学习
- ReactJS入门学习一
- ReactJs入门介绍
- ReactJS入门学习二
- React.js 基础入门三 ---组件状态state
- 谈谈 React.js 的核心入门知识
- 谈谈 React.js 的核心入门知识
- ReactJS入门学习二
- ReactJS入门
- 【Facebook的UI开发框架React入门之四】index.ios.js解读(iOS平台)-goodmao
- React JS快速入门教程
- React.js的核心入门知识
- 一看就懂的ReactJs入门教程(精华版)
- ReactJS入门学习一