Solid.js用于構(gòu)建用戶界面的 JavaScript 庫
Solid.js 是一個(gè)用于構(gòu)建用戶界面的聲明式、高效且靈活的 JavaScript 庫。它不使用虛擬 DOM。相反，它選擇將其模板編譯為真實(shí)的 DOM 節(jié)點(diǎn)，并將更新包裝在細(xì)粒度的 React 中。
主要特點(diǎn)
- 具有細(xì)粒度更新的真實(shí) DOM。
- 聲明性數(shù)據(jù)
- 快速
- 小型
- 支持并建立在 TypeScript 之上。
- 支持現(xiàn)代功能，例如 JSX、Fragment、Context、Portals、Suspense、Streaming SSR、Progressive Hydration、Error Boundaries 和 Concurrent Rendering。
- 適用于無服務(wù)器環(huán)境，包括 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"));
簡單組件只是一個(gè)接受屬性的函數(shù)。Solid 使用一個(gè)render函數(shù)來創(chuàng)建應(yīng)用程序的反應(yīng)式掛載點(diǎn)。
然后將 JSX 編譯為高效的真實(shí) DOM 表達(dá)式：
import { render , template , insert , createComponent } from "solid-js/web" ;
快速開始
可以通過在終端中運(yùn)行以下命令來開始使用一個(gè)簡單的應(yīng)用程序：
> npx degit solidjs/templates/js my-app > cd my-app > npm i # or yarn or pnpm > npm run dev # or yarn or pnpm
或者對于 TypeScript：
> npx degit solidjs/templates/ts my-app > cd my-app > npm i # or yarn or pnpm > npm run dev # or yarn or pnpm
這將創(chuàng)建一個(gè)由 Vite 提供支持的最小客戶端渲染應(yīng)用程序。
評論
圖片
表情