solid

Solid 是一个用于构建用户界面的开源 JavaScript 库。其决定性设计选择是拒绝虚拟 DOM：模板被编译为真实 DOM 节点，更新通过细粒度响应式反应来应用，因此当某一部分状态发生变化时，只有依赖它的代码会重新运行。 响应式模型 开发者使用 createSignal 等原语声明状态，它返回一个访问器和一个设置器。派生值表示为调用访问器的普通函数，依赖追踪是自动的——读取响应式状态会让周围的计算订阅它。组件是普通函数，执行一次以设置视图，README 将此描述为“render-once”心智模型。文档说明了编译器如何将静态 HTML 提取到模板中，并插入动态表达式，以便单个文本节点可以更新而无需重新渲染其父元素。 框架特性 该库提供 JSX、fragments、Context、Portals、Suspense、流式服务端渲染、渐进式 hydration、Error Boundaries 和并发渲染。内置状态管理通过 Context 和 Stores 提供，Resources 允许将服务端加载的数据视为其他响应式状态，并通过 Suspense 和并发渲染进行响应式渲染。README 指出支持 SSR 和无服务器，具备流式与渐进式 hydration。 兼容性与可扩展性 Solid 被描述为同构（客户端和服务端渲染）且通用，提供自定义渲染器以在其他环境中使用。它被描述为对 web-component 友好，并能够编写自定义元素，配有配套的 solid-element 包。它与 JSX 和 TypeScript 以及 Vite 生态系统集成；可通过 degit 脚手架生成 JavaScript 和 TypeScript 的官方模板，推荐设置是 Babel 预设（babel-preset-solid）加上 solid-js 依赖，TypeScript 需要 jsx: "preserve" 和 jsxImportSource: "solid-js"。项目网站提供交互式 playground 和教程演练。 声明目标 README 声称包体积小且可 tree-shake，性能接近优化过的原生 JavaScript，并引用了 JS Framework Benchmark 和包体积比较。它强调简单性、可组合性和很少的隐藏规则，鼓励声明式代码和读写分离，同时指出由于抽象极少，可以直接使用 D3 等原生 JavaScript 库。 社区与支持 支持目标为桌面和移动端最近两年的现代 Firefox、Safari、Chrome 和 Edge，服务端为 Node LTS 以及较新的 Deno 和 Cloudflare Worker 运行时；明确不支持 IE 和类似的已停止支持浏览器。测试由 SauceLabs 支持。项目维护 Discord 和 Reddit 社区、贡献者基础、Open Collective 资助页面，以及不断增长的社区原语、组件库和构建时工具生态系统。