我们正在使用React/Redux构建一个新的应用程序,它是渲染服务器端的.
我们希望遵循Redux的最佳实践,并在服务器进入商店的初始状态之前规范化我们的数据.
对于这个例子,假设我们有一个通用的"Products"实体,它可以非常复杂,并且在商店的根目录和商店根目录的另一个对象中进行规范化.所以结构和Reducers遵循典型的"切片减速器"模式,看起来像这样:
{
page_x_state: PageReducer
products: ProductsReducer
}
我们使用联合减速器在将减速器传递到商店之前合并减速器.
理论用例:我们有一个"产品"页面,显示基本产品信息列表.用户可以单击产品以显示模态,然后加载并显示完整的产品数据.
对于上面的示例,从服务器发送的状态将仅包含基本产品模型(3或4个字段),这足以呈现表并且此时获取所有产品信息是浪费且不太高效.
当用户点击产品时,我们将进行AJAX调用以获取该产品的所有数据.获得单个产品的所有数据后,我们是否应该使用完整模型更新产品商店中的实例？如果是这样的话,我们最终会得到一组对象,所有这些对象都可以是不同的状态(有些可能是最小的字段,有些是具有10个字段的完整对象).这是处理它的最佳方式吗？
此外,我有兴趣听到在服务器上管理相同底层模型的不同表示以及如何将其映射到Redux存储(理想情况下为Java)的任何想法.