前言

React 是 Facebook 在 2013 年开源的一款前端框架
当时由于 Ajax 技术兴起，大量原来由服务端处理的逻辑，慢慢转移到前端做处理，这也是为了追求更流畅的 Web 交互体验。后来为了「提升开发效率和应用性能」，开始有很多大型前端框架出现（如：AngularJS），这些框架也让工程师们越来越关注 UI 层面的操作（如：频繁操作 DOM），「应用性能越来越差」，并伴随无法预知的 BUG 出现，之后 Facebook 工程师开始打造自己的前端框架，解决前面总结的问题，于是 React 就诞生啦～

一、React起手式

安装

npm install -g create-react-app

创建

npx create-react-app my-app

二、React两个最重要的元素引入

import React from 'react'import ReactDom from 'react-dom'  //用来构建页面

React一般使用JSX语法来构建页面

例如

const element = 
Hello, world!

bable-loader将该jsx语法将被解析为，

React.createElement('h1','Hello, world!')

react再将解析后的语法解析为浏览器看得懂的js语法

ReactDom渲染ui

ReactDOM.render(  
, //ui  document.getElementById('root') //挂载节点);

React 元素是不可变对象。一旦被创建，就无法更改它的子元素或者属性。一个元素就像电影的单帧：它代表了某个特定时刻的 UI。更新 UI 唯一的方式是创建一个全新的元素，并将其传入
虽然传入的是一个全新的ui，React并不会直接更新整个UI，而是React DOM 会将元素和它的子元素与它们之前的状态进行比较，只更新变化的部分