Structura.js 使用教程

Structura.js 使用教程

structura.jsA very fast and lightweight Typescript library to create immutable states with a mutable syntax项目地址:https://gitcode.com/gh_mirrors/st/structura.js

1、项目介绍

Structura.js 是一个非常快速且轻量级的 TypeScript 库，用于创建具有可变语法的不可变状态。它基于结构共享的概念，与 Immer.js 类似，但在性能上有一些优势：

• 比 Immer.js 快达 ~10 倍
• 比 Immutable.js 大多数情况下更快
• 仅在编译时冻结对象
• 支持循环引用和多重引用
• 可以在同一时间返回和修改草稿
• 灵活的返回类型
• 支持转置和移动草稿的部分

2、项目快速启动

通过 NPM 安装

首先，通过 npm 安装库：

npm i structurajs

通过 CDN 安装

或者，如果你更喜欢通过 CDN 安装：

<script src="https://cdn.jsdelivr.net/npm/structurajs@0.3.4/dist/umd.min.js"></script>

示例代码

安装完成后，你可以编写如下代码：

import { produce } from "structurajs";

const ciao = {
  ciao: "mondo",
  test: { test: 1 }
};

const hello = produce(ciao, (draft) => {
  draft.ciao = "world";
  draft.test.test = 2;
});

console.log(hello);

3、应用案例和最佳实践

应用案例

Structura.js 可以用于任何需要不可变状态管理的场景，例如：

• 前端状态管理（如 Redux、MobX）
• 复杂数据结构的更新
• 避免直接修改原始数据

最佳实践

• 使用 produce 函数来创建不可变状态
• 避免直接修改原始对象
• 利用结构共享来提高性能

4、典型生态项目

Structura.js 可以与其他流行的前端库和框架结合使用，例如：

• React：用于状态管理
• Redux：作为 Redux 的不可变状态库
• MobX：结合 MobX 的不可变状态管理

通过结合这些生态项目，可以构建出高效且易于维护的前端应用。

structura.jsA very fast and lightweight Typescript library to create immutable states with a mutable syntax项目地址:https://gitcode.com/gh_mirrors/st/structura.js