React应用场景

React应用场景

• 复杂场景下的高性能
• 重用组件库，组件组合

React优势

• 组件化--分工、合作
• 虚拟DOM树--性能高
• 跨平台--移动端

 React不足

• 学习曲线特别陡
• 设计思想有点特别

React全家桶/技术栈/生态圈

1.React主体

2.WebPack:grunt,gulp自动化构建工具

3.Flex:布局

4.React-Router：路由

5.Redux:View层

6.Mocha：测试

7.Istanbul：覆盖率

JSX ：

1. 增强型JS语法-HTML直接写在Javascript里
2. babel

• 有且仅有一个父元素
• 模板字符串

------------------------------------

最强：

组件

状态

 

------------------------------------

4.用构造函数constructor（）时，必须用super（）

 

angular监管UI，数据为中心，不支持原生计时器，JQuery

组件化，状态管理，支持原生计时器，JQuery

 

组件生存周期

componentWillMount()创建之前

componentDidMount()创建之后

 

　　componentWillUpdate()更新之前

　　componentDidUpdate()更新之后

　　

　　componentWillUnmount()卸载之前

　　没有componentdidUnmount()　

　　componentWillReceiveProps()组件参数更新