react-hooks-worker

react-hooks-worker

React custom hooks for web workers.

Motivation

React Hooks API is promising. Web Workers API is promising.

This is an experimental library to provide an easy way to call web workers. It's more or less for fun, but feedbacks are welcome to make this for production.

Install

npm install react-hooks-worker

Usage

import React from 'react';

import { useWorker } from 'react-hooks-worker';

const CalcFib = ({ count }) => {
  const { result, error } = useWorker('./slow_fib.js', count);
  if (error) return <div>Error:{error}</div>;
  return <div>Result:{result}</div>;
};

const App = () => (
  <div>
    <CalcFib count={5} />
  </div>
);

Examples

The examples folder contains working examples. You can run one of them with

PORT=8080 npm run examples:minimal

and open http://localhost:8080 in your web browser.

You can also try them in codesandbox.io: 01 02 03

Blogs

• [https://medium.com/@dai_shi/playing-with-react-hooks-and-web-workers-2ebdf1c93dea](Playing with React Hooks and Web Workers)

Changelog

[0.2.0] - 2019-02-10

Changed

• Fixed null types
• Updated dependencies (React 16.8)