写点什么

年度最具影响力开源 JavaScript 软件库 Immer 发布第四版

  • 2019-10-02
  • 本文字数:1751 字

    阅读完需:约 6 分钟

年度最具影响力开源JavaScript软件库Immer发布第四版

JavaScript 获奖软件库Immer的主要贡献者Alec Larson在几天前发布了该软件的第四次主迭代版本,针对一些边缘情况打了补丁。作为 JavaScript 软件库,Immer 通过一种称为“写入时复制(copy-on-write)”的机制,支持开发人员在像操作可变状态一样便利地操作不可变状态。今年,Immer 荣获了多项殊荣,包括响应式开源奖( React open source award)中的“年度最具突破者”(Breakthrough of the year),以及JavaScript开源奖(JavaScript open source award)中的“最具影响贡献者”(Most impactful contribution)。


Immer(德语,表示“一以贯之”)软件库支持 JavaScript 开发人员像操作可变状态那样,简洁便利地操作不可变状态。为实现该功能,Immer 结合JavaScript的Proxy技术,使用了一种称为“结构化共享(structural sharing)”的“写入时复制”机制。


具体而言,作为当前状态 currentState 的代理,开发人员会维护一个临时的 draftState 可变状态。进而根据临时状态的可变情况,生成一个 nextState 状态,并将状态的未更改部分共享给 currentState 状态。由此,开发人员像以往那样改变数据,同时保有不可变数据的收益。



下面给出一段示例代码:


import produce from "immer"
const baseState = [ { todo: "Learn typescript", done: true }, { todo: "Try immer", done: false }]
const nextState = produce(baseState, draftState => { draftState.push({todo: "Tweet about it"}) draftState[1].done = true})
复制代码


示例代码展示了如何在不影响 baseState 的情况下操作可变状态 draftState。而 nextState 是一个不可变状态树,维护了对 draftState 的所有更改操作,并实现对状态中所有未更改之处的结构化共享。


Immer 第四版中修补了一个重要的边缘情况,避免了一些常见性问题


在修复前,Immer 不支持对变化点之外的状态赋予不变性。这意味着,如果通过 API 生成的 nextState 对象并未做任何修改,那么该对象将维持可变状态。该错误行为可通过如下代码示例阐明:


const d: D = {a: {b: 2}, z: {y: 3}};const immutable = produce(d, draft => {    draft.a.b = 1;});// 不可修改a.bexpect(() => immutable.a.b = 5).to.throw("");// 但是可以修改z.y!!immutable.z.y = 4;expect(immutable.z.y).eql(4);
复制代码


Immer 第四版修复了上述错误行为。它返回一个深度冻结(deeply frozen)的对象树,使得 immutable.z.y 不再支持修改操作。


不可变数据结构是 JavaScript 开发人员经常使用的数据结构,它直接支持性能优化、撤销/重做特性,并对更新提供了更好的可追踪能力。在 React/Redux 环境中,不可变数据结构是非常重要的,因为应用状态表示为“冻结的对象快照”,状态的更改只能通过一类称为 reducer 的纯函数实现。基于此,在Redux-ecosystem-links网页上列出了约 70 多个实现在 Redux 中操作不可变数据结构的软件包。


从标准 JavaScript 的语法、互操作性、性能等特性上看,Immer 相对于其它类型软件包而言是使用最广的。对于Immer在React编程中的异军突起,React 团队成员及ReduxCreate React App项目的共同创始人Dan Abramov给出了如下解释:


Immer 成功的秘诀在于:提供易于调试的软件库,减少编写程序的烦恼。感谢 @mweststrate 提供了 Immer!


但也应注意,Immer 是基于 ES6 Proxy 的。而 ES6 Proxy 是一种必须在旧版浏览器上使用的 Polyfill,这可能对性能产生影响。此外,开发人员应该了解官方文档中给出的由于使用Proxy而导致的一些缺陷


2019 年,Immer 荣获了两个奖项,即JavaScript开源奖(JavaScript open source award)中“最具影响贡献者”(Most impactful contribution),以及React开源奖( React open source award)中的“年度最具突破者”(Breakthrough of the year)。这两个奖项是分别授予对 JavaScript 生态做出突出贡献的项目,以及“为进一步开发增添了新的维度和可能性、首次出色实现并未来具有巨大潜力的新概念和想法”。


Immer 的创始人Michel Weststrate,也是状态管理软件库mobx的创始人。


Immer 使用 MIT 许可开源提供,欢迎通过Immer的GitHub项目Open Collective对项目做出贡献。


原文链接:


Immer, “Most Impactful Contribution” JavaScript Open Source Award Winner, Releases V4


2019-10-02 08:003367
用户头像

发布了 391 篇内容, 共 150.9 次阅读, 收获喜欢 257 次。

关注

评论 1 条评论

发布
暂无评论
发现更多内容

PD api基础框架源码分析

TiDB 社区干货传送门

TiDB 底层架构

TiDB HTAP 深度解读

TiDB 社区干货传送门

伴鱼数据库之SQL审核系统

TiDB 社区干货传送门

DM问题处理总结

TiDB 社区干货传送门

TiDB Coprocessor 学习笔记

TiDB 社区干货传送门

TiDB 底层架构

TiCDC使用心得

TiDB 社区干货传送门

一次 meet_lock 告警异常处理过程

TiDB 社区干货传送门

实践案例 故障排查/诊断

TiDB 4.0 新 Feature 原理及实践:统一读线程池

TiDB 社区干货传送门

DM v1 升级v2初体验

TiDB 社区干货传送门

PD api基础框架源码分析

TiDB 社区干货传送门

TiDB 底层架构

【TiDB 最佳实践系列】PD 调度策略最佳实践

TiDB 社区干货传送门

实践案例

Flink 最佳实践之 通过 TiCDC 将 TiDB 数据流入 Flink

TiDB 社区干货传送门

性能调优

TiDB run and debug on M1

TiDB 社区干货传送门

实践案例 安装 & 部署

微众银行数据库架构演进及 TiDB 实践经验

TiDB 社区干货传送门

实践案例

小红书数据架构及 TiDB 使用场景

TiDB 社区干货传送门

DM同步过程问题汇总

TiDB 社区干货传送门

使用Zabbix监控TiDB(一)

TiDB 社区干货传送门

实践案例

从使用者到开发者,知乎参与 TiDB 社区背后的故事

TiDB 社区干货传送门

实践案例 数据库架构选型

TiDB 监控架构解读

TiDB 社区干货传送门

监控

Placement Rules 原理

TiDB 社区干货传送门

TiDB 底层架构

TiDB AutoCommit OFF 问题

TiDB 社区干货传送门

实践案例 故障排查/诊断 新版本/特性发布

pd集群多副本数据丢失以及修复实践

TiDB 社区干货传送门

实践案例

国产主流数据库调研

TiDB 社区干货传送门

性能调优 实践案例

伴鱼数据库之监控系统

TiDB 社区干货传送门

DM2.0初体验

TiDB 社区干货传送门

不定期更新,记录一些小知识

TiDB 社区干货传送门

监控 版本升级 安装 & 部署

把云数据库服务变成黑盒子:ServerlessDB for HTAP丨Hacking Camp 进行时

TiDB 社区干货传送门

实践案例

【TiDB 4.0 新特性系列】BR 特性及原理解读

TiDB 社区干货传送门

线上mysql改表操作导致tidb同步延迟解决方法

TiDB 社区干货传送门

docker方式部署的tidb-v3.0扩容缩容pd节点后需要滚动升级整个集群

TiDB 社区干货传送门

TiDB大规模删除实践

TiDB 社区干货传送门

管理与运维

年度最具影响力开源JavaScript软件库Immer发布第四版_语言 & 开发_Bruno Couriol_InfoQ精选文章