Voyz's Studio.

React学习笔记(四)

字数统计: 247阅读时长: 1 min
2019/04/16 Share

对于React的思考

声明式开发

区别于命令式编程(大部分都在操作DOM)
React只关心数据,会根据数据自动构建DOM

可以与其它框架共存

React的index.js挂载在id为root的div标签的渲染,其他部分和React无关,每个库只管理自己的一部分。

组件化

组件的标签名称大写开头 <Componennt />
元素为小写开头 <div></div>

单向数据流

父组件可以给子组件传值,该值是只读的,子组件无法修改

  • 父组件 ==> 子组件
1
2
3
<Parents val2child = {val_parent}/>  
// child获取
this.props.val2child
  • 子组件 ==> 父组件
1
2
3
<Parents fun2child = {this.fun_parent.bind(this)}/>
// child传值
this.fun2child(params)

视图层框架

只解决数据和页面渲染,大型项目中要有Redux,Flux等数据层框架来辅助。

函数式编程

  • 维护起来比较容易
  • 面向测试(自动化测试)的开发流程
CATALOG
  1. 1. 对于React的思考
    1. 1.1. 声明式开发
    2. 1.2. 可以与其它框架共存
    3. 1.3. 组件化
    4. 1.4. 单向数据流
    5. 1.5. 视图层框架
    6. 1.6. 函数式编程