preactement:从任何Preact组件创建自定义元素

时间:2024-03-02 18:41:33
【文件属性】:

文件名称:preactement:从任何Preact组件创建自定义元素

文件大小:96KB

文件格式:ZIP

更新时间:2024-03-02 18:41:33

typescript preact jsx ssr web-components

预先制定 有时,让DOM在需要时渲染我们的组件很有用。 自定义元素在这方面很棒。 它们提供了多种方法,可以在元素与DOM“连接”或“断开”时通知您。 该软件包提供了将HTML自定义元素用作组件根的功能。 它旨在为您提供一种简便的方法,将Preact集成到可能呈现HTML的其他服务器端框架中。 导出的功能还可以用于从Node中的SSR进行水合作用。 入门 使用Yarn安装: $ yarn add preactement 使用NPM安装: $ npm i preactement 使用define() preactement导出一个函数define() 。 这使我们可以通过提供的键注册自定义元素,并提供我们要在其中呈现的组件。 例如: import { define } from 'preactement' ; import { HeroBanner } from './heroB


【文件预览】:
preactement-master
----webpack.config.ts(1KB)
----yarn.lock(219KB)
----.eslintrc.js(990B)
----src()
--------index.ts(5KB)
----.vscode()
--------settings.json(217B)
----.prettierrc.json(164B)
----tsconfig.json(762B)
----jest.config.js(687B)
----README.md(3KB)
----.npmrc(39B)
----tests()
--------setup.ts(220B)
--------define.spec.tsx(6KB)
----.gitignore(115B)
----package.json(1KB)

网友评论