react是前端三大开发框架之一,是一套UI引擎,是DOM的抽象层,并不是web应用的完整解决方案。它遵循组件设计模式、声明式编程范式和函数式编程的概念,使用虚拟DOM有效的操作DOM,并且遵循从高阶组件到低阶组件的单向数据流,从而使前端应用程序达到高效。
<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
<script type="text/babel">
// 必须声明 babel
// 创建虚拟 DOM 元素
const vDom = <h1>Hello React</h1>
// 千万不要加引号
// 渲染虚拟 DOM
// 到页面真实 DOM 容器中
ReactDOM.render(vDom, document.getElementById('test'))
</script>
react developer
特别
的一般 js 对象
a. var element = React.createElement('h1', {id:'myTitle'},'hello')
b. 上面创建的就是一个简单的虚拟 DOM 对象var ele = <h1>Hello JSX!</h1>
b. 注意 1: 它不是字符串, 也不是 HTML/XML 标签
c. 注意 2: 它最终产生的就是一个 JS 对象<h1 id='myTitle'>{title}</h1>
当应用的 js 都以模块来编写的, 这个应用就是一个模块化的应用
当应用是以多组件的方式实现, 这个应用就是一个组件化的应用