React(1)-jsx语法(element,vDOM)

React教程文档:入门教程: 认识 React – React

构建用户界面(视图层)的JavaScript库，不是框架。(react全家桶是框架)

核心思想:关注点分离

发展:html/css/js=>vue:组件化开发template style script=>react:all in js

目录

1.jsx

2.element

3.element-update

4.虚拟DOM

1.jsx

        1.准备容器

        

        2.引入库 注意顺序:react-dom依赖于react,先引入react再引入react-dom

        

        

        引入babel解析jsx,将jsx语法转化为浏览器能识别的代码

        

        

2.element

        

        

        

        

        

                //将虚拟DOM渲染到真实DOM容器里面

               ReactDOM.render(element,document.getElementById("app"))

        

3.element-update

        

        

        

        

        

4.虚拟DOM