SolidJS Docs:前端框架 SolidJS 的官方文档,含信号、存储与快速开始
首页:只更新需要变化的部分
Overview 页面说明,Solid 是用于构建响应式、高性能用户界面的 JavaScript 框架。页面用对比解释细粒度响应式:传统做法在数据变化时可能需要重新加载整页,而 Solid 只更新依赖该数据的那一部分页面。
页面列出 Solid 的四个特点:Performant(性能好,只更新变化的部分)、Powerful(占用较少的内存与计算资源)、Pragmatic(可以自行选择合适的策略)和 Productive(API 清晰、可预测)。
页面顶部的快速链接包括一个交互式教程,以及一组项目模板。

快速开始
Quick start 页面说明,读者可以先在交互式 playground 中试用 Solid,也可以在 StackBlitz 中打开完整的开发环境。在本机创建项目需要 Node.js、Bun 或 Deno 中的任一种,页面推荐使用最新的 LTS 版本。
创建项目使用 npm init solid,页面同时给出 pnpm、yarn、bun 和 deno 的写法。这个命令会运行官方脚手架 create-solid,向导依次询问项目名、是否使用全栈框架 SolidStart,以及选择哪一个 TypeScript 模板。

信号与存储
Signals 页面说明,信号是 Solid 管理状态的主要方式,可以保存字符串、数字、对象或数组等任何值。使用 createSignal 创建信号时,它会返回一对函数:读取值的 getter 和修改值的 setter,例如 const [count, setCount] = createSignal(0)。
Stores 页面把存储(store)与信号做了对比:信号跟踪单个值,而存储适合管理对象、数组等彼此关联的共享数据。页面说明,借助 JavaScript 的 Proxy 机制,存储的响应式会延伸到嵌套属性和数组元素,因此可以只更新其中变化的字段。页面中的用户列表示例通过 createStore 同时取得 store 和 setStore 两个函数。