简单对React入个门-个人总结

    React被Facebook提出来,发展至今,它的性能出众,代码逻辑简单,毫无疑问它使得越来越多的开始关注和使用,作为一名辛勤的前端小蜜蜂,学习与使用前沿新型优秀技术是必不可少的!

    React的特点与优势:

    1.虚拟dom:开发时候不需要在页面中写任何dom元素。

    2.jsx语法:写页面时候使用JavaScript xml格式的语法,实现数据与标记模板的结合。

    3.组件化开发:React最核心的思想是将页面中任何一个区域或者元素都看成一个组件(component)。

    4.单向数据流:组件和后端之间的数据是单向的,从后端流动到react组件中,是Facebook提出的用于解决大规模 MVC 应用与循环依赖的问题。

    5.组件生命周期:任何一个组件在dom中都具有一个完整的生命周期,组件初始化的时候开始,组件被移动的时候消失,从而保证性能的优越。

以下简单的jsx语法

var names = [‘xiaoming', ‘xiaohong', ‘xiaowang']; 
ReactDOM.render( 
    <div> 
        {
             names.map(function (name) { 
	         return <div>Hello, {name}!</div> 
              }) 
         } 
    </div>, document.getElementById('example') 
);
        

 其实jsx是可选的,浏览器最终识别的还是js的代码,jsx最终会编译成JavaScript代码

原文地址:https://www.cnblogs.com/yanglei9308/p/6373278.html