第四次五天总结-喻淞彬

React是由Facebook推出的开源的用来构建用户界面的JavaScript库.在前端框架爆炸式增长的年代,React区别于其他框架的主要有以下三个特点: Component-Based, virtual DOM, XML-like syntax(JSX);

Component-Based

• Component是React最基础核心的概念之一,在需求产生时,将需求页面通过功能, 样式等划分为不同的组件, 将一个工程颗粒化为一个个小的单位工程, 再将组件拼装在一起,简化页面开发难度, 提高团队开发效率;

virtual DOM

• React中render执行的结果并不是真正的DOM元素,而是virtual DOM,在我们改变一个元素的状态时,React并不会刷新整个页面,而是通过batching(批处理)和高效的Diff算法, 对比前后的DOM状态,只对必要的发生改变的DOM进行刷新和渲染,减少了不必要的DOM渲染过程；

XML-like syntax(JSX)

class HelloWorld extends React.Component {
    render() {
      return <div>Hello {this.props.name}</div>;
    }
}

ReactDOM.render(<HelloWorld name="world" />, mountNode);

在上述代码中,就使用了JSX语法新建一个HelloWorld组件,通过render()方法通过this.props接收数据的返回需要展示的数据.在JSX语法中,新建的标签首字母需要大写,如<HelloWorld / >,这种写法类似与XML的语法,所以这种新建DOM的js语法称为JSX语法,是React的基本语法,也是区别于其他 前端框架的最显眼的一个特点