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 >
1137
1238React component for easy communication with a Web Worker. Leverages the Render Props pattern for ultimate flexibility as
1339well 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
2450- Supports custom Worker instance through the ` worker ` prop ** (new in v2)**
2551- Supports communication with Service Workers ** (new in v2.1)**
2652
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.
2854
2955## Install
3056
0 commit comments