React.js常识

1.React的特点：

简单.声明式-自动dom操作。

React核心：组件，组件的设计目的：提高代码复用率，降低测试难度和代码复杂度。

提高代码复用率：组建将数据和逻辑进行封装，类似面向对象的类；

降低测试难度：组件高内聚低耦合，很容易对单个组件进行测试；

降低代码复杂度：直观的语法可以极大提高可读性。

2.React概述

和angluar.js一样React核心解决问题是数据绑定，开发者只要将数据绑定好，剩下的开发中只要关注业务就行了。

（1）组件化开发，使用React开发的时候，构建的任何页面都是component;

（2）jsx语法和虚拟dom都基于jsx语法进行创建组件，ReactR用变量形式自定义了一套dom模型；

（3）组件具有生命周期，开发者可以基于生命周期对组件进行管理；

（4）单向数据流

3.React创建组件

　（1）下载React lib文件；

　（2）导入各个文件；

　（3）创建组件；

　（4）渲染。

组建就是一个集合体，把html,js,css放在一起形成一个组件。

如图所示创建组件：

html:<script type="text/babel"  src="demo.js"></script>

js://注意引用的外部js的type='text/babel'

4.React中引入CSS样式

　（1）外部样式

（2）id法（给div添加id或className）,在CSS内编写样式

（3）创建对象方法