Haunted_React 为 Web 组件实现的 Hooks API

Web前端开发网

fly63.com

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

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://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的资源

超级简单、响应式的 JS 通知插件

官网

GitHub

实现预加载，无刷新加载页面　

官网

GitHub

一款轻量级的纯js tooltip工具提示插件

官网

GitHub

用于创建优美的页面滑动效果

官网

GitHub

Node和浏览器的Js PDF生成库

官网

GitHub

可定制，Javascript 编写，小巧的取色器

官网

GitHub

功能强大进度条插件

官网

GitHub

将3D场景渲染成SVG或HTML 5 Canvas

官网

GitHub