Web前端开发网

web.fly63.com

首页资源工具文章教程栏目

Haunted

分享

Haunted

网站地址:https://github.com/matthewp/haunted

描述信息:React 为 Web 组件实现的 Hooks API

访问官网

React 的 Hooks API，但用于标准 Web 组件和lit-html或hyperHTML。

<html lang="en">
  <my-counter></my-counter>

  <script type="module">
    import { html } from 'https://unpkg.com/lit-html/lit-html.js';
    import { component, useState } from 'https://unpkg.com/haunted/haunted.js';

    function Counter() {
      const [count, setCount] = useState(0);

      return html`
        <div id="count">${count}</div>
        <button type="button" @click=${() => setCount(count + 1)}>
          Increment
        </button>
      `;
    }

    customElements.define('my-counter', component(Counter));
  </script>
</html>

Haunted 支持与 React Hooks 相同的 API。希望通过这样做，您可以简单地通过在捆绑程序的配置中为包名称设置别名来重用 npm 上可用的钩子。

目前 Haunted 支持以下钩子：

useCallback
useContext
useController
useEffect
useLayoutEffect
useMemo
useReducer
useRef
useState

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/3430

热门资源

目前应用较广泛的移动端网页触摸内容滑动js插件

官网

GitHub

layer是一款口碑极佳的web弹层组件

GitHub

IScroll是移动页面上被使用的一款仿系统滚动插件。

官网

GitHub

基于javascript和css开发的 Web富文本编辑器

官网

GitHub

由百度web前端研发部开发所见即所得富文本web编辑器

官网

GitHub

Highlight.js 是一个用 JavaScript 写的代码高亮插件，在客户端和服务端都能工作。

官网

GitHub

一个js 解释器、最小化器、压缩器、美化器工具集

官网

GitHub

高性能,轻量级,可配置的懒加载图片工具

官网

GitHub

简单灵活的 JavaScript 拖放排序插件

官网

GitHub

表单提供了强大的验证功能,让客户端表单验证变得更简单

官网

GitHub

一款兼容移动手机的js拖拽插件

官网

GitHub

响应式图像延迟加载JS插件【懒加载】

官网

GitHub

类似于Haunted的资源

saveSvgAsPng.js

将页面中的svg保存为png图片js插件

GitHub

用于在HTML Canvas上进行漂亮的绘图和手写功能

官网

GitHub

一个简单的生成pdf文件的插件

官网

GitHub

一个超级轻量级的 WYSIWYG文本编辑器

官网

GitHub

强大的纯Js模态消息对话框插件

官网

GitHub

快速构建基于大语言模型（LLM）的智能应用

官网

GitHub

基于HTML5 SVG的轻量级Js圆形进度条插件

官网

GitHub

一款专门用于防御XSS攻击的Js库

官网

GitHub