React学习总结（一）

React学习总结

一、什么是React？

　　是Facebook公司开发的一套JS库

　　React的详细介绍https://www.jianshu.com/p/ae482813b791

二、老版本React

　　

　　React：组件用的

　　ReactDom：把虚拟DOM渲染成真实DOM（DOM：计算数据变化触发一个事件）

三、Reatct和vue之间的联系：

　　在Vue2.0版本没有出来之前两者实力相当，在Vue2.0出来后发生转变React开始向Vue学习。

　　不同点：

　　1、 结构方面：

　　 React:单项绑定（在安装插件后还是可以双向绑定的）；

　Vue：双向绑定；

　　2、组件化方面：Vue可以自动进行界面自动渲染

　　1）、React需要编写render（render：计算机里面译为“渲染”，正常译为“给予”）函数；

　　 2）、当React的状态为state改变render就会被重新调用，之后重新计算全dom比较之前dom，对比之后只修改需要渲染的地方；vue不会计算全dom，效率更高；

　　  3）、Vue使用template的方式，以及{{}}，v-bind的操作。React使用JSX的方式来操作（javascript中包含html）；

　　相同之处：

　　 1）、Vue有脚手架vue-cli,React也有脚手架CRA（create react app）；

　　 2）、不管是vue也好，react也好，都可以使用props实现父组件向子组件传递数据。

四、使用React：

　　

　　1、安装react.js:npm install react –g;

　　2、安装react-dom.js:npm install react-dom –g;

　　3、安装react脚手架：npm install create-react-app –g;

　　4、创建一个新项目：create-react-app 项目名;

　　5、热加载启动服务：npm start.

启动成功页面：