1
- # ` <WebWorker> `
2
-
3
- [ ![ npm version] ( https://img.shields.io/npm/v/react-webworker.svg )] ( https://www.npmjs.com/package/react-webworker )
4
- [ ![ npm downloads] ( https://img.shields.io/npm/dm/react-webworker.svg )] ( https://www.npmjs.com/package/react-webworker )
5
- [ ![ minified size] ( https://img.shields.io/bundlephobia/min/react-webworker.svg )] ( https://bundlephobia.com/result?p=react-webworker )
6
- [ ![ Build status] ( https://img.shields.io/travis/ghengeveld/react-webworker.svg )] ( https://travis-ci.org/ghengeveld/react-webworker )
7
- [ ![ Code coverage] ( https://img.shields.io/codecov/c/github/ghengeveld/react-webworker.svg )] ( https://codecov.io/github/ghengeveld/react-webworker )
8
- [ ![ ISC license] ( https://img.shields.io/npm/l/react-webworker.svg )] ( https://opensource.org/licenses/ISC )
9
- [ ![ GitHub issues] ( https://img.shields.io/github/issues/ghengeveld/react-webworker.svg )] ( https://github.com/ghengeveld/react-webworker/issues )
10
- [ ![ GitHub PRs] ( https://img.shields.io/github/issues-pr/ghengeveld/react-webworker.svg )] ( https://github.com/ghengeveld/react-webworker/pulls )
1
+ <br />
2
+ <p align =" center " >
3
+ <a href =" https://github.com/ghengeveld/react-webworker " ><img src =" ./react-webworker.png " width =" 425 " /></a >
4
+ </p >
5
+ <p align =" center " >
6
+ Easy communication with a Web Worker<br />
7
+ or Service Worker from React.
8
+ </p >
9
+ <br />
10
+
11
+ <p align =" center " >
12
+ <a href =" https://www.npmjs.com/package/react-webworker " >
13
+ <img src="https://img.shields.io/npm/v/react-webworker.svg" alt="npm version">
14
+ </a >
15
+ <a href =" https://www.npmjs.com/package/react-webworker " >
16
+ <img src="https://img.shields.io/npm/dm/react-webworker.svg" alt="npm downloads">
17
+ </a >
18
+ <a href =" https://bundlephobia.com/result?p=react-webworker " >
19
+ <img src="https://img.shields.io/bundlephobia/min/react-webworker.svg" alt="minified size">
20
+ </a >
21
+ <a href =" https://travis-ci.org/ghengeveld/react-webworker " >
22
+ <img src="https://img.shields.io/travis/ghengeveld/react-webworker.svg" alt="build status">
23
+ </a >
24
+ <a href =" https://codecov.io/github/ghengeveld/react-webworker " >
25
+ <img src="https://img.shields.io/codecov/c/github/ghengeveld/react-webworker.svg" alt="code coverage">
26
+ </a >
27
+ <a href =" https://opensource.org/licenses/ISC " >
28
+ <img src="https://img.shields.io/npm/l/react-webworker.svg" alt="license">
29
+ </a >
30
+ <a href =" https://github.com/ghengeveld/react-webworker/issues " >
31
+ <img src="https://img.shields.io/github/issues/ghengeveld/react-webworker.svg" alt="issues">
32
+ </a >
33
+ <a href =" https://github.com/ghengeveld/react-webworker/pulls " >
34
+ <img src="https://img.shields.io/github/issues-pr/ghengeveld/react-webworker.svg" alt="pull requests">
35
+ </a >
36
+ </p >
11
37
12
38
React component for easy communication with a Web Worker. Leverages the Render Props pattern for ultimate flexibility as
13
39
well as the new Context API for ease of use. Just specify the public url to your Web Worker and you'll get access to
@@ -24,7 +50,7 @@ any messages or errors it sends, as well as the `postMessage` handler. Also work
24
50
- Supports custom Worker instance through the ` worker ` prop ** (new in v2)**
25
51
- Supports communication with Service Workers ** (new in v2.1)**
26
52
27
- > This package was modeled after [ ` < Async> ` ] ( https://github.com/ghengeveld/react-async ) which helps you deal with Promises in React.
53
+ > This package was modeled after [ React Async] ( https://github.com/ghengeveld/react-async ) which helps you deal with Promises in React.
28
54
29
55
## Install
30
56
0 commit comments