Solid.js是一个用于构建用户界面的声明式、高效且灵活的JavaScript库。它不使用虚拟DOM。相反,它选择将其模板编译为真实的DOM节点,并将更新包装在细粒度的React中。
主要特点具有细粒度更新的真实DOM。声明性数据快速小型支持并建立在TypeScript之上。支持现代功能,例如JSX、Fragment、Context、Portals、Suspense、StreamingSSR、ProgressiveHydration、ErrorBoundaries和ConcurrentRendering。适用于无服务器环境,包括AWSLambda和CloudflareWorkers。Webcomponent友好Gistimport{render}from"solid-js/web";constHelloMessage=props=><div>Hello{props.name}</div>;render(()=><HelloMessagename="Taylor"/>,document.getElementById("hello-example"));简单组件只是一个接受属性的函数。Solid使用一个render函数来创建应用程序的反应式挂载点。然后将JSX编译为高效的真实DOM表达式:import{render,template,insert,createComponent}from"solid-js/web";快速开始可以通过在终端中运行以下命令来开始使用一个简单的应用程序:>npxdegitsolidjs/templates/jsmy-app>cdmy-app>npmi#oryarnorpnpm>npmrundev#oryarnorpnpm或者对于TypeScript:>npxdegitsolidjs/templates/tsmy-app>cdmy-app>npmi#oryarnorpnpm>npmrundev#oryarnorpnpm这将创建一个由 Vite 提供支持的最小客户端渲染应用程序。点击空白处退出提示
评论