store

store最佳实践

传统store模式,Immutable常见语法,Immutable在实际项目中的运用

2018-08-30侠课岛    中级进阶       

前端/前端/React全家桶进阶 45     0     5551

传统store模式

  1. JS深拷贝-> 性能浪费

  2. ES6不改变原数据 -> 大量赋值代码

  3. 容易造成store周边污染 -> 不小心改了其他state

  4. 难以形成统一的规范 -> JSON Array

Immutable常见语法

  1. fromJS() -> js数据转换为Immutable类型的数据

  2. toJS() -> Immutable数据转换为JS类型的数据

  3. is() -> 对两个对象进行比较

  4. List() -> 创建一个新的List对象

  5. Map() -> 创建一个新的Map对象

  6. get() -> 获取数据结构中的数据

  7. getIn() -> 获取数据结构中的数据(深层)

  8. set() -> 设置第一层key、index的值

  9. setIn() -> 设置深层结构中某属性的值

  10. delete -> 删除第一层结构中的属性

  11. deleteIn() -> 删除深层数据

  12. update() -> 对对象中的某个属性进行更新

  13. updateIn() -> 对对象中的某个属性进行更新(深层)


本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

45

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?