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

一个仅 250 字节大小的带有进度的滚动监听库

官网

GitHub

CommentCoreLibrary

一套基于JavaScript构建的弹幕控制器

官网

GitHub

支持Angular、React和Vue.js的JavaScript文件上传库

官网

一个轻量、框架无关的弹窗系统

GitHub

一个针对HTML5媒体的JavaScript事件框架

GitHub

使用localStorage和sessionStorage的更好方法

GitHub

移动端和桌面端的独立视差滚动

官网

GitHub

vue-grid-layout

可拖拽和缩放的 Vue.js 瀑布流布局组件

官网

GitHub