reactjs – 处理响应应用程序中的依赖项解析和乐观更新的方法

在对象具有许多复杂关系的体系结构中,有哪些可维护的处理方法

>解决依赖关系
>乐观的更新

反应应用？

例如,给定这种类型的模式：

```
type Foo {
  ...
  otherFooID: String,bars: List<Bar>
}

type Bar {
  ...
  bizID: String,}

type Biz {
  ...
}
```

用户可能希望保存以下内容 – >

firstBiz = Biz();
secondBiz = Biz();
firstFoo = Foo({bars: [Bar({biz: firstBiz})]
secondFoo = Foo({bars: [Bar({biz: secondBiz})] otherFooId: firstFooId.id})

第一个问题：选择真实的ID

上面的第一个问题是拥有正确的id.即为了使secondFoo保存,它需要知道firstFoo的实际id.

为了解决这个问题,我们可以做出权衡,让客户选择id,使用像uuid这样的东西.我没有看到这个非常错误,所以我们可以说这可行

第二个问题：按顺序保存

即使我们从前端确定id,服务器仍然需要按顺序接收这些保存请求.

```
- save firstFoo 
// okay. now firstFoo.id is valid
- save secondFoo
// okay,it was able to resolve otherFooID to firstFoo
```

这里的原因是后端必须保证所引用的任何id都是有效的.

```
- save secondFoo
// backend throws an error otherFooId is invalid
- save firstfoo
// okay
```

我不确定攻击这个问题的最佳方法是什么

我想到的当前方法

>通过承诺进行协调的自定义操作

save(biz).then(_ => save(Bar).then(_ => save(firstFoo)).then(_ => save(second)

这里的缺点是它非常复杂,而且这些组合的数量将继续增长

>创建待处理/解决帮助程序

const pending = {}
const resolve = (obj,refFn) => {
  return Promise.all(obj,refFn(obj));
}
const fooRefs = (foo) => {
  return foo.bars.map(bar => bar.id).concat(foo.otherFooId);
}

pending[firstFoo].id = resolve(firstFoo,fooRefs).then(_ => save(firstFoo))

“`

2.问题是如果我们忘记解决或添加到挂起,它可以轻松地导致一堆错误.

潜在解决方案

看起来Relay或Om接下来可以解决这些问题,但我想要一些不那么高功率的东西.也许是可以使用redux工作的东西,或者也许是我缺少的一些概念.

非常感谢

解决方法

我有这样一个系统的JS / PHP实现
我的方法是使用参考系统在客户端和服务器上序列化记录

例如,未保存的Foo1具有GUID eeffa3,第二个Foo引用其id密钥为{otherFooId：’@ Foo#eeffa3 [id]’}

类似地,您可以像这样引用整个对象

Foo#eefa3:{bars['@Baz#ffg4','@Baz#ffg5']}

现在,客户端序列化器将构建一个关系树和这样的模型属性

{
modelsToSave:[

  'Foo#effe3':{
    attribs:{name:'John',title:'Mr.'},relations:{bars:['@Bar#ffg4']}
  },'Bar#ffg4':{
    attribs:{id:5}
    relations:{parentFoo:'@Foo#effe3'}
  },]
}

正如您在本示例中所看到的,我已经描述了纯JSON中未保存对象之间的循环关系.

这里的关键是将这些“记录”对象保存在客户端内存中,永远不要改变它们的GUID

服务器可以通过保存没有“父”依赖关系的第一个记录来确定保存顺序,然后记录依赖于这些父项的记录

保存后,服务器将返回相同的参考映射,但现在attribs还将包括主键和外键

JS遍历接收到的映射两次(第一次传递只更新服务器接收的属性,第二次传递替换记录引用和属性引用到真实记录和属性).

因此,有两种机制可用于引用记录,客户端GUID和服务器端PK

接收服务器JSON时,您将GUID与服务器主键匹配

reactjs – 处理响应应用程序中的依赖项解析和乐观更新的方法

解决方法

相关推荐