react 简介

react是Facebook开发的开源框架 官方网址:https://react.docschina.org/

• react 是构建用户界面的 JavaScript 库。
• jquery 是js的函数库，主要用途是用于界面的DOM操作。

react的优势

1.声明式定义组件

• react 使用 class | function 关键字来定义react 组件
• React 使创建交互式 UI 变得轻而易举，交互式UI，交互式是用户的一种行为，ui 界面 （让用户在界面上的行为变得轻而易举）

2.组件化开发

• 组件化是当前前端一种很流行的开发模式，组件的优势就是让项目变得很容易维护。
• 组件的复用率增强，提高开发效率，组件与组件之间都是独立的个体，两两之间互不干扰。

3.一次学习，随处编写

4.react 工作高效

• 内部采用的是虚拟DOM（Virtual DOM）
• 虚拟DOM和真实DOM的对比采用的是Diff算法

虚拟DOM和真实DOM，他们之间其实是一种映射关系，当虚拟DOM发送改变的时候，真实DOM也会跟着发生改变，如果虚拟DOM没法发生改变，那么真实DOM也不会发生改变，最大的优势就是该更新的更新，不该更新的就不更新，这种渲染方式叫最小化渲染，大大降低了前端页面的重构。

react 安装

CDN 

借助Babel  编译jsx语法

React:它提供了react相关的api

React-dom 提供了操作浏览器DOM的一些方法

ReactDOM.render() 将jsx组件渲染到指定的节点容器，有两个参数，第一个参数就是jsx组件，第二个参数就是节点对象(document来获取)

注意:在script标签上需要添加type属性，属性值就是 text/babel