https://github.com/reyronald/minimal-workerize-setup
A minimal web app written in TypeScript that uses Web Workers by leveraging workerize, workerize-loader and webpack.
https://github.com/reyronald/minimal-workerize-setup
javascript typescript web webpack worker worker-threads workers
Last synced: 9 months ago
JSON representation
A minimal web app written in TypeScript that uses Web Workers by leveraging workerize, workerize-loader and webpack.
- Host: GitHub
- URL: https://github.com/reyronald/minimal-workerize-setup
- Owner: reyronald
- Created: 2020-06-14T20:53:04.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T19:08:11.000Z (almost 3 years ago)
- Last Synced: 2025-02-14T09:53:29.308Z (10 months ago)
- Topics: javascript, typescript, web, webpack, worker, worker-threads, workers
- Language: TypeScript
- Homepage: https://reyronald.github.io/minimal-workerize-setup/
- Size: 1.29 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Minimal Workerize Setup
A minimal web app written in TypeScript that uses Web Workers by leveraging [`workerize`](http://npm.im/workerize), [`workerize-loader`](http://npm.im/workerize-loader) and webpack.
The goal is to demonstrate the necessary tooling set-up to make it all work, and also includes tests written in [jest](https://jestjs.io/) and [mocha](https://mochajs.org/).
**See [demo online](https://reyronald.github.io/minimal-workerize-setup/).**
| No web worker | Using web worker |
| :-----------------------------: | :---------------------------------: |
| ![no web worker][no web worker] | ![with web worker][with web worker] |
[no web worker]: https://user-images.githubusercontent.com/7514993/85936171-f82d2e00-b8c5-11ea-9375-48bff5b84ffa.gif
[with web worker]: https://user-images.githubusercontent.com/7514993/85936213-53f7b700-b8c6-11ea-9d00-cf2baf702751.gif
# Local development
```bash
npm i
npm start
```
See `package.json`'s for testing scripts.