Solid.js用于构建用户界面的 JavaScript 库

Solid.js 是一个用于构建用户界面的声明式、高效且灵活的 JavaScript 库。它不使用虚拟 DOM。相反，它选择将其模板编译为真实的 DOM 节点，并将更新包装在细粒度的 React 中。

主要特点

• 具有细粒度更新的真实 DOM。
• 声明性数据
• 快速
• 小型
• 支持并建立在 TypeScript 之上。
• 支持现代功能，例如 JSX、Fragment、Context、Portals、Suspense、Streaming SSR、Progressive Hydration、Error Boundaries 和 Concurrent Rendering。
• 适用于无服务器环境，包括 AWS Lambda 和 Cloudflare Workers。
• Webcomponent 友好

Gist

import { render } from "solid-js/web";

const HelloMessage = props => <div>Hello {props.name}</div>;

render(() => <HelloMessage name="Taylor" />, document.getElementById("hello-example"));

import  {  render ,  template ,  insert ,  createComponent  }  from  "solid-js/web" ; 

> npx degit solidjs/templates/js my-app
> cd my-app
> npm i # or yarn or pnpm
> npm run dev # or yarn or pnpm

> npx degit solidjs/templates/ts my-app
> cd my-app
> npm i # or yarn or pnpm
> npm run dev # or yarn or pnpm