写点什么

年度最具影响力开源 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:003330
用户头像

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

关注

评论 1 条评论

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

数据流通从内循环到外循环,企业数据变现有多远?

用友BIP

分布式 Data Warebase - 探索数据系统物理极限

ProtonBase

分布式 数仓 database #数据库 #大数据

智启新篇汇力共赢!天翼云赋能天府数谷焕新蝶变!

天翼云开发者社区

云计算 生态大会 天翼云

高效安全迁移:PG高可用集群实战方案深度解析

袋鼠云数栈

数据处理 数据库运维 数据迁移 迁移方案 数据迁移工具

全球化| YappyPets:业务集中管控,驱动全球扩张新引擎

用友BIP

用友BIP超级版合同全生命周期运营:销售驱动型企业数智化升级之路

用友BIP

新业财税资档一体化:实现业管合一就选用友BIP超级版

用友BIP

AutoGLM:一句话控制手机电脑;英伟达新视觉压缩工具:Cosmos Tokenizer 丨 RTE 开发者日报

声网

从挑战到突破:HBlock定义智算存储新范式!

天翼云开发者社区

人工智能 云计算 天翼云

长城上,低空下,北京联通点亮5G-A的时代星光

脑极体

通信

分布式 Data Warebase - 让数据涌现智能

ProtonBase

数据库 分布式 云原生 数仓 #大数据

火山引擎边缘云出席第六届泛娱乐行业峰会,揭秘游戏行业"加速"新姿势

火山引擎边缘云

互联网 CDN 边缘计算 游戏 加速

IM即时通讯基础入门:新手读者必看指南

BeeWorks

什么是DNSSEC?一文读懂DNSSEC的工作原理和实际应用

国科云

通义灵码走进北京大学创新课堂丨阿里云云原生 10 月产品月报

阿里巴巴云原生

阿里云 云原生

“天翼云息壤杯”高校AI大赛福建赛区启动!

天翼云开发者社区

云计算 AI 天翼云

拥抱 OpenTelemetry:阿里云 Java Agent 演进实践

阿里巴巴云原生

阿里云 云原生

IoTDB 常见问题 Q&A 第一期

Apache IoTDB

阿里重磅开源 Fluss: Flink Unified Streaming Storage

阿里云大数据AI技术

大数据 flink FFA

三种熔断策略在数据服务API中的实践应用

袋鼠云数栈

数据治理 用户体验 数据服务平台 熔断策略

ClkLog埋点分析系统-uni-app埋点上报攻略

ClkLog

开源 埋点 sdk 用户画像

什么是IM即时通讯?

BeeWorks

赋能国企数字化改革:WorkPlusIM即时通讯平台的自主可控之路

BeeWorks

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