react简介

react是一个将数据渲染为HTML视图的开源javascript库。

1.操作虚拟DOM,不总是直接操作页面真实DOM

2.dom diff算法 最小化页面重绘

 

 

前提工作：1.引入三个js文件

   <!-- 准备好一个“容器” -->
    <div id="test"></div>

    <!-- 引入react核心库 -->
    <script type="text/javascript" src="../js/react.development.js"></script>
    <!-- 引入react-dom，用于支持react操作DOM -->
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <!-- 引入babel，用于将jsx转为js -->
    <script type="text/javascript" src="../js/babel.min.js"></script>
    <script type=text/babel>
    //1.创建虚拟DOM
    const vdom=<h1 id='title'>Hello react</h1>
    ReactDOM.render(vdom,document.getElementById('test'));
    </script>

2。安装扩展程序 react_dev_tools