⚛️useWorker() React Hook: Running heavy task in background, without blocking the UI

栏目: IT技术 · 发布时间: 4年前

内容简介:Use web workers with react hookBefore you start using thisMore examples:

⚛️useWorker() React Hook: Running heavy task in background, without blocking the UI

Use web workers with react hook

https://useworker.js.org/

:art: Features

  • Run expensive function without blocking UI ( Show live gif )
  • Supports Promises pattern instead of event-messages
  • Size: < 1KB , with zero dependencies
  • Clear API using hook

:floppy_disk: Install

npm install --save @koale/useworker

:hammer: Import

import { useWorker, WORKER_STATUS } from "@koale/useworker";

:orange_book: Documents

:bread: Demo

⚙ Web Workers

Before you start using this hook , I suggest you to read the Web Worker documentation.

:feet: Usage

import React from "react";
import { useWorker } from "@koale/useworker";

const numbers = [...Array(5000000)].map(e => ~~(Math.random() * 1000000));
const sortNumbers = nums => nums.sort();

const Example = () => {
  const [sortWorker] = useWorker(sortNumbers);

  const runSort = async () => {
    const result = await sortWorker(numbers); // non-blocking UI
    console.log("End.");
  };

  return (
    <button type="button" onClick={runSort}>
      Run Sort
    </button>
  );
};

:feet: Examples

More examples: https://github.com/alewin/useWorker/tree/develop/example

:wrench: Roadmap

  • import and use external script inside useWorker function
  • import and use local script inside useWorker function
  • run multiple instance of the worker

:earth_asia: Contribute? Bug? New Feature?

The library is experimental so if you find a bug or would like to request a new feature , open an issue

:bulb: Similar Project

:scroll: License

MIT © alewin


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

解放战争(上)(1945年8月—1948年9月)

解放战争(上)(1945年8月—1948年9月)

王树增 / 人民文学出版社 / 2009-8 / 60.00

《解放战争》为王树增非虚构文学著述中规模最大的作品。武器简陋、兵力不足的军队对抗拥有现代武器装备的兵力庞大的军队,数量不多、面积有限的解放区最终扩展成为九百六十万平方公里的共和国,解放战争在短短四年时间里演绎的是人类历史上的战争传奇。国际风云,政治智慧,时事洞察,军事谋略,军队意志,作战才能,作品具有宏阔的视角和入微的体察,包含着惊心动魄的人生沉浮和变幻莫测的战场胜负,尽展中国历史上规模最大的一场......一起来看看 《解放战争(上)(1945年8月—1948年9月)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

MD5 加密
MD5 加密

MD5 加密工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具