Solid.js 用于构建用户界面的 JavaScript 库开源项目

我要开发同款
匿名用户2021年11月30日
106阅读
开发技术TypeScript
所属分类常用JavaScript包、Web应用开发
授权协议MIT

作品详情

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 提供支持的最小客户端渲染应用程序。

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论