website

SolidJS Docs

所属分类:开发者在线工具箱

SolidJS 前端框架的官方文档,含信号、存储、快速开始与部署指南。

SolidJS Docs 是细粒度响应式前端框架 Solid 的官方文档站,用于构建响应式、高性能的用户界面。左侧目录分为快速开始(Quick start)、概念(Concepts)、高级概念(Advanced Concepts)和指南(Guides)。读者可以从快速开始创建项目,再通过信号、存储等概念页理解状态如何驱动页面更新。

SolidJS Docs:前端框架 SolidJS 的官方文档,含信号、存储与快速开始

发布于 2026年10月18日更新于 2026年10月30日

首页:只更新需要变化的部分

Overview 页面说明,Solid 是用于构建响应式、高性能用户界面的 JavaScript 框架。页面用对比解释细粒度响应式:传统做法在数据变化时可能需要重新加载整页,而 Solid 只更新依赖该数据的那一部分页面。

页面列出 Solid 的四个特点:Performant(性能好,只更新变化的部分)、Powerful(占用较少的内存与计算资源)、Pragmatic(可以自行选择合适的策略)和 Productive(API 清晰、可预测)。

页面顶部的快速链接包括一个交互式教程,以及一组项目模板。

SolidJS 文档概览页截图,顶部为 Solid、Router、SolidStart、Meta 切换标签,左侧为 Latest 版本选择器与 Concepts 目录,正文标题为 Overview,下方是 What is Solid? 小节和分隔线

快速开始

Quick start 页面说明,读者可以先在交互式 playground 中试用 Solid,也可以在 StackBlitz 中打开完整的开发环境。在本机创建项目需要 Node.js、Bun 或 Deno 中的任一种,页面推荐使用最新的 LTS 版本。

创建项目使用 npm init solid,页面同时给出 pnpm、yarn、bun 和 deno 的写法。这个命令会运行官方脚手架 create-solid,向导依次询问项目名、是否使用全栈框架 SolidStart,以及选择哪一个 TypeScript 模板。

SolidJS 文档快速开始页截图,标题为 Quick start,依次为 Try Solid online 和 Create a Solid project 两节,并给出 npm、pnpm、yarn、bun 和 deno 的命令标签

信号与存储

Signals 页面说明,信号是 Solid 管理状态的主要方式,可以保存字符串、数字、对象或数组等任何值。使用 createSignal 创建信号时,它会返回一对函数:读取值的 getter 和修改值的 setter,例如 const [count, setCount] = createSignal(0)。

Stores 页面把存储(store)与信号做了对比:信号跟踪单个值,而存储适合管理对象、数组等彼此关联的共享数据。页面说明,借助 JavaScript 的 Proxy 机制,存储的响应式会延伸到嵌套属性和数组元素,因此可以只更新其中变化的字段。页面中的用户列表示例通过 createStore 同时取得 store 和 setStore 两个函数。