5.1.6 • Published 9 months ago

@shopify/react-web-worker v5.1.6

Weekly downloads
226
License
MIT
Repository
github
Last release
9 months ago

@shopify/react-web-worker

Build Status Build Status License: MIT npm version npm bundle size (minified + gzip)

A hook for using web workers in React applications.

Installation

yarn add @shopify/react-web-worker

Usage

This package provides a useWorker hook to leverage web workers in React. For convenience, it also re-exports the entirety of @shopify/web-worker, so you only need to install this package to get access to those additional exports.

useWorker()

useWorker allows your React applications to take advantage of web workers provided by createWorkerFactory from @shopify/web-worker. This hook creates a web worker during render and terminates it when the component unmounts.

import React, {useEffect} from 'react';
import {Page} from '@shopify/polaris';
import {createWorkerFactory, useWorker} from '@shopify/react-web-worker';

// assume ./worker.ts contains
// export function hello(name) {
//  return `Hello, ${name}`;
// }

const createWorker = createWorkerFactory(() => import('./worker'));

function Home() {
  const worker = useWorker(createWorker);
  const [message, setMessage] = React.useState(null);

  useEffect(() => {
    (async () => {
      // Note: in your actual app code, make sure to check if Home
      // is still mounted before setting state asynchronously!
      const webWorkerMessage = await worker.hello('Tobi');
      setMessage(webWorkerMessage);
    })();
  }, [worker]);

  return <Page title="Home"> {message} </Page>;
}

You can optionally pass a second argument to useWorker, which will be used as the options to the worker creator function.

@shopify/web-worker@shopify/react-hooks@shopify/useful-types
@infinitebrahmanuniverse/nolb-_shop@everything-registry/sub-chunk-831supersonic-dashboard-sdk@impulse-ui/qrreact-webhsd
5.1.6

9 months ago

0.0.0-snapshot-20240620045713

12 months ago

5.1.5

9 months ago

5.1.4

11 months ago

5.1.3

11 months ago

5.1.2

11 months ago

5.1.1

11 months ago

5.1.0

1 year ago

5.0.17

1 year ago

5.0.16

1 year ago

5.0.15

1 year ago

5.0.14

1 year ago

0.0.0-snapshot-20240308174203

1 year ago

5.0.13

2 years ago

0.0.0-snapshot-20230416224743

2 years ago

0.0.0-snapshot-20230428103020

2 years ago

5.0.9

2 years ago

5.0.10

2 years ago

5.0.11

2 years ago

5.0.12

2 years ago

0.0.0-snapshot-20230426140136

2 years ago

0.0.0-snapshot-20230425154318

2 years ago

5.0.8

2 years ago

0.0.0-snapshot-20230216210221

2 years ago

0.0.0-snapshot-20230217231915

2 years ago

5.0.7

2 years ago

0.0.0-snapshot-20230117230633

2 years ago

5.0.6

3 years ago

5.0.5

3 years ago

5.0.4

3 years ago

5.0.3

3 years ago

0.0.0-snapshot-20220915124219

3 years ago

0.0.0-snapshot-20220829233403

3 years ago

5.0.2

3 years ago

0.0.0-snapshot-20220816135116

3 years ago

0.0.0-snapshot-20220728131612

3 years ago

0.0.0-snapshot-20220822175908

3 years ago

0.0.0-snapshot-20220819171812

3 years ago

5.0.1-react-18-react-testing-beta.4

3 years ago

5.0.1-react-18-react-testing-beta.2

3 years ago

5.0.1-react-18-react-testing-beta.3

3 years ago

5.0.1-react-18-react-testing-beta.0

3 years ago

5.0.1

3 years ago

5.0.0

3 years ago

4.0.11-react-18-react-testing-beta.3

3 years ago

4.0.11-react-18-react-testing-beta.2

3 years ago

4.0.11-react-18-react-testing-beta.0

3 years ago

5.0.1-react-18-react-testing-beta.10.0

3 years ago

4.0.11-beta-ut.0

3 years ago

4.0.11-ut-beta.0

3 years ago

4.0.11

3 years ago

4.0.10

3 years ago

4.0.9

3 years ago

4.0.8

3 years ago

4.0.6-export-beta.0

3 years ago

4.0.5

3 years ago

4.0.4

3 years ago

4.0.7

3 years ago

4.0.6

3 years ago

4.0.2

3 years ago

4.0.2-mock-factory-beta.1

3 years ago

4.0.2-mock-factory-beta.0

3 years ago

4.0.7-a11y-test-class-beta.0

3 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.0

4 years ago

4.0.1

4 years ago

4.0.0

4 years ago

3.0.0-wp5-beta.2

4 years ago

3.0.0-wp5-beta.1

4 years ago

2.1.7

4 years ago

2.1.6

4 years ago

3.0.0-webpack-5-beta.2

4 years ago

3.0.0-webpack-5-beta.1

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

2.1.2

4 years ago

2.1.0-webpack-5-betat.10

4 years ago

2.0.2-webpack-5-beta.8

4 years ago

2.1.0

4 years ago

2.0.2-webpack-5-beta.2

4 years ago

2.0.2

4 years ago

2.0.1-virtual-modules-beta.2

4 years ago

2.0.1

4 years ago

2.0.1-address-mocks-minified-beta.0

4 years ago

2.0.0

4 years ago

1.3.10

4 years ago

1.3.9-core-js-entry-beta.1

4 years ago

1.3.9-test-beta.2

4 years ago

1.3.9-test-beta.1

4 years ago

1.3.9

4 years ago

1.3.7-graphql-config-beta.1

4 years ago

1.3.7

4 years ago

1.3.6

4 years ago

1.3.5

4 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.3.2

4 years ago

1.3.1-mandatory-extensions-beta.0

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

1.3.0-sk-next-beta.1

4 years ago

1.3.0-sk-next-beta.0

4 years ago

1.2.24

5 years ago

1.2.23

5 years ago

1.2.22

5 years ago

1.0.0-sknext-beta.2

5 years ago

1.0.0-sknext-beta.1

5 years ago

1.2.21-sknext-beta.9

5 years ago

0.0.8-sknext-beta.8

5 years ago

0.0.2-sknext-beta.2

5 years ago

0.0.1-sknext-beta.1

5 years ago

1.2.21

5 years ago

1.2.20

5 years ago

1.2.19

5 years ago

1.2.18

5 years ago

1.2.16

5 years ago

1.2.15

5 years ago

1.2.14

5 years ago

1.2.13

5 years ago

1.2.12

5 years ago

1.2.11

5 years ago

1.2.10

5 years ago

1.2.9

5 years ago

1.2.8

5 years ago

1.2.7

5 years ago

1.2.6

5 years ago

1.2.5

5 years ago

1.2.4

5 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.0

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago