简单对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代码