getDefaultProps: receive props from outsize

getInitialState: set default state object

componentWillMount: component will about to mount

componentDidMount: component is just mount

shouldComponentUpdate: should component update? return true or false

componentWillUpdate: component is about update

componentDidUpdate: compoent is just updated

SPA 单页模型

困难

1. 如何保持数据与 UI 同步更新

2. 如何提高 DOM 操作的效率

3. HTML 开发 UI 界面异常复杂

可以啊，入门课程。

getInitialState组件在被浏览器调用之前加载，用作初始化（组件内部数据）

kkjk

Ssssssssssssssssssssssssssss

组件把界面绘制的逻辑包装起来，通过给组件传入不同的参数，进而改变组件在界面中显示形态，同时组件可以转化成多个简单的组件的组合。

ReactDom.render两个参数：

1.jsx 对象 会把传入的对象进行组织表述出来，react 会把它转化为creteElemet调用，会在浏览器中添加相应的dom元素，进而改变dom模型后，使得浏览器在渲染后作出改变。

2.dom元素要挂载的节点。

react销毁当前组件ReactDOM.unmountComponentAtNode(id)

getDefaultProps 返回的是this.props
getInitialState  返回的是 this.state

react组件生命周期函数

三点操作符实现2个样式对象的融合

setState 来修改组件默认初始化的state值

getInitialState 组件初始化默认设置值得方法

另一种写法

多层组件嵌套，一层一层传递值

动态设置每一个样式的颜色

把样式写为一个json对象，在标签上绑定style设置样式

jsx中加样式使用className

组件之间传值

创建一个组件对象

componentDidMount加载时机：

浏览器加载组件后

render执行前

react要求属性必须从父组件向子组件传递

react不支持属性反向传递

this指向组件

props指向组件隐含的数据对象

控件分解，组合

组件--类比--函数

自动化UI管理--数据变化--》具体的事件

更高效的DOM操作--内存中的virtual DOM 对比虚拟DOM和DOM差异，一次性同步

UI组件化设计

依赖JS开发UI界面（摆脱了CSS的影响，由开发者自己定义界面）JSX

单页--通过拉取静态资源，避免客户端和服务端频繁请求，减少延迟

数据与UI同步更新？？？

DOM操作的效率？？？

DOM元素挂载，不能直接挂载到body节点