react

标签：分享图片   配置   package   将不   size   自己   项目   bsp   www.   

不能react两大进步：组件的概念，虚拟dom的思想

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目：

 cnpm install -g create-react-app
 create-react-app my-app
 cd my-app/
 npm start

无状态组件

tip：react中组件必须以大写字母打头

有状态组价

tips: this.setState({})可以不传参（其中{}不能省略），同样会重新渲染dom，如

 当然也可以定义某些值，state会收集所有的变化并进行重新渲染（执行render），其他值不会更改，如

tips：bind的原理是重新生成一个函数并绑定，因此在多次使用时会影响性能，，可以使用如下

调用：

tips：bom中自带dataset，可以通过在元素上通过data-进行赋值和传递

 tips:占位图-http://placehold.it/100x600

react生命周期？http://www.jianshu.com/p/4784216b8194

tips：shouldComponentUpdate()需要返回Boolean值，若为false则不进行更新操作（后续操作都将不再执行），其作用是为了优化效率，即，操作（this.setState({})）不涉及dom的 操作则返回false不进行重新渲染

componentWillReceiveProps在组件传值变化时才执行

React.createClass已废弃，使用es6中class代替

getINitialState已废弃，使用es6中construct代替

为什么render里只能有一个子节点？

这和react虚拟DOM Diff算法（https://www.kancloud.cn/kancloud/react-in-depth/67091）有关，虚拟dom或Web界面都是由DOM树构成的，因此只能有一个最终的根节点。

React创建组件的三种方式及其区别？

https://www.cnblogs.com/wonyun/p/5930333.html

什么叫做组件化开发？（链接：https://www.zhihu.com/question/29735633/answer/90872147）

 执行命令后

create-react-app [项目名]

会搭建好react脚手架

执行package中已经定义的命令

npm run eject

tips：这个命令不可逆

react

标签：分享图片   配置   package   将不   size   自己   项目   bsp   www.   

原文地址：http://www.cnblogs.com/fanlinqiang/p/7831914.html