5.0.17 • Published 9 days ago

@shopify/react-web-worker v5.0.17

Weekly downloads
226
License
MIT
Repository
github
Last release
9 days 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/react-hooks@shopify/useful-types@shopify/web-worker
@infinitebrahmanuniverse/nolb-_shop@everything-registry/sub-chunk-831react-webhsd
5.0.17

9 days ago

5.0.16

12 days ago

5.0.15

1 month ago

5.0.14

2 months ago

0.0.0-snapshot-20240308174203

2 months ago

5.0.13

12 months ago

0.0.0-snapshot-20230416224743

1 year ago

0.0.0-snapshot-20230428103020

1 year ago

5.0.9

1 year ago

5.0.10

1 year ago

5.0.11

1 year ago

5.0.12

1 year ago

0.0.0-snapshot-20230426140136

1 year ago

0.0.0-snapshot-20230425154318

1 year ago

5.0.8

1 year ago

0.0.0-snapshot-20230216210221

1 year ago

0.0.0-snapshot-20230217231915

1 year ago

5.0.7

1 year ago

0.0.0-snapshot-20230117230633

1 year ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

0.0.0-snapshot-20220915124219

2 years ago

0.0.0-snapshot-20220829233403

2 years ago

5.0.2

2 years ago

0.0.0-snapshot-20220816135116

2 years ago

0.0.0-snapshot-20220728131612

2 years ago

0.0.0-snapshot-20220822175908

2 years ago

0.0.0-snapshot-20220819171812

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

4.0.11-beta-ut.0

2 years ago

4.0.11-ut-beta.0

2 years ago

4.0.11

2 years ago

4.0.10

2 years ago

4.0.9

2 years ago

4.0.8

2 years ago

4.0.6-export-beta.0

2 years ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.7

2 years ago

4.0.6

2 years ago

4.0.2

2 years ago

4.0.2-mock-factory-beta.1

2 years ago

4.0.2-mock-factory-beta.0

2 years ago

4.0.7-a11y-test-class-beta.0

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.0

3 years ago

4.0.1

2 years ago

4.0.0

2 years ago

3.0.0-wp5-beta.2

2 years ago

3.0.0-wp5-beta.1

2 years ago

2.1.7

3 years ago

2.1.6

3 years ago

3.0.0-webpack-5-beta.2

3 years ago

3.0.0-webpack-5-beta.1

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.2

3 years ago

2.1.0-webpack-5-betat.10

3 years ago

2.0.2-webpack-5-beta.8

3 years ago

2.1.0

3 years ago

2.0.2-webpack-5-beta.2

3 years ago

2.0.2

3 years ago

2.0.1-virtual-modules-beta.2

3 years ago

2.0.1

3 years ago

2.0.1-address-mocks-minified-beta.0

3 years ago

2.0.0

3 years ago

1.3.10

3 years ago

1.3.9-core-js-entry-beta.1

3 years ago

1.3.9-test-beta.2

3 years ago

1.3.9-test-beta.1

3 years ago

1.3.9

3 years ago

1.3.7-graphql-config-beta.1

3 years ago

1.3.7

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.3.3

3 years ago

1.3.2

3 years ago

1.3.1-mandatory-extensions-beta.0

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.3.0-sk-next-beta.1

3 years ago

1.3.0-sk-next-beta.0

3 years ago

1.2.24

4 years ago

1.2.23

4 years ago

1.2.22

4 years ago

1.0.0-sknext-beta.2

4 years ago

1.0.0-sknext-beta.1

4 years ago

1.2.21-sknext-beta.9

4 years ago

0.0.8-sknext-beta.8

4 years ago

0.0.2-sknext-beta.2

4 years ago

0.0.1-sknext-beta.1

4 years ago

1.2.21

4 years ago

1.2.20

4 years ago

1.2.19

4 years ago

1.2.18

4 years ago

1.2.16

4 years ago

1.2.15

4 years ago

1.2.14

4 years ago

1.2.13

4 years ago

1.2.12

4 years ago

1.2.11

4 years ago

1.2.10

4 years ago

1.2.9

4 years ago

1.2.8

4 years ago

1.2.7

4 years ago

1.2.6

4 years ago

1.2.5

4 years ago

1.2.4

4 years ago

1.2.3

4 years ago

1.2.2

4 years ago

1.2.1

4 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago