How to use react-hooks-worker - 8 common examples
To help you get started, we’ve selected a few react-hooks-worker examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
dai-shi / react-hooks-worker / examples / 05_generator / src / slow_fib.worker.js View on Github 
async function* fib(x) {
let x1 = 0;
let x2 = 1;
let i = 0;
while (i < x) {
yield `(calculating...) ${x1}`;
// eslint-disable-next-line no-await-in-loop
await new Promise((r) => setTimeout(r, 100));
[x1, x2] = [x2, x1 + x2];
i += 1;
}
yield x1;
}
exposeWorker(fib);import { exposeWorker } from 'react-hooks-worker';
const fib = (i) => (i <= 1 ? i : fib(i - 1) + fib(i - 2));
exposeWorker(fib);import { exposeWorker } from 'react-hooks-worker';
const fib = (i) => (i <= 1 ? i : fib(i - 1) + fib(i - 2));
exposeWorker(fib);import { exposeWorker } from 'react-hooks-worker';
const fib = (i) => (i <= 1 ? i : fib(i - 1) + fib(i - 2));
exposeWorker(fib);const CalcFib: React.FC<{ count: number }> = ({ count }) => {
const { result, error } = useWorker(createWorker, count);
if (error) return <div>Error: {error}</div>;
return <div>Result: {result}</div>;
};const CalcFib: React.FC<{ count: number }> = ({ count }) => {
const { result, error } = useWorker('./slow_fib.js', count);
if (error) return <div>Error: {error}</div>;
return <div>Result: {result}</div>;
};const CalcFib: React.FC<{ count: number }> = ({ count }) => {
const { result, error } = useWorker(createWorker, count);
if (error) return <div>Error: {error}</div>;
return <div>Result: {result}</div>;
};const CalcFib = ({ count }) => {
const { result, error } = useWorker(createWorker, count);
if (error) return <div>Error: {error}</div>;
return <div>Result: {result}</div>;
};react-hooks-worker
React custom hooks for web workers
