DEV Community: Ghassen Ben Hadj Lassoued

heavy task ? useCompute

Ghassen Ben Hadj Lassoued — Sun, 08 Feb 2026 12:31:28 +0000

Computekit — Reusable heavy computations for JS & React

Ghassen Ben Hadj Lassoued ・ Dec 28 '25

#react #webassembly #performance #typescript

Heavy task ? useCompute

Ghassen Ben Hadj Lassoued — Fri, 30 Jan 2026 15:00:03 +0000

Computekit — Reusable heavy computations for JS & React

Ghassen Ben Hadj Lassoued ・ Dec 28 '25

#react #webassembly #performance #typescript

UPDATE: Added Typed Registry Support. Benefits: Autocomplete for registered function names Type inference for input/output types Compile-time errors for incorrect usage

Ghassen Ben Hadj Lassoued — Fri, 30 Jan 2026 14:05:30 +0000

Computekit — Reusable heavy computations for JS & React

Ghassen Ben Hadj Lassoued ・ Dec 28 '25

#react #webassembly #performance #typescript

Contributions are welcome!

Ghassen Ben Hadj Lassoued — Mon, 29 Dec 2025 01:00:32 +0000

Computekit — Reusable heavy computations for JS & React

Ghassen Ben Hadj Lassoued ・ Dec 28

#react #webassembly #performance #typescript

Contributions are welcome! Small improvements, docs, tests, and ideas are all appreciated.

Ghassen Ben Hadj Lassoued — Mon, 29 Dec 2025 00:53:30 +0000

ComputeKit: A React Toolkit for Heavy Computations Without Freezing the UI

Ghassen Ben Hadj Lassoued ・ Dec 28

#react #webassembly #performance #typescript

Computekit — Reusable heavy computations for JS & React

Ghassen Ben Hadj Lassoued — Sun, 28 Dec 2025 13:17:23 +0000

Hey everyone 👋

I've been working on a side project called *ComputeKit *- a small library that makes it easier to run heavy computations in Web Workers with React hooks.

The problem I was trying to solve:

I was working on an app that needed to process images client-side, and my UI kept freezing. Setting up Web Workers manually was painful - separate files, postMessage boilerplate, managing state... it felt like too much ceremony for something that should be simple.

What I built:

// Register a heavy function once
kit.register('processData', (data) => {
// This runs in a Web Worker, not the main thread
return heavyComputation(data);
}); 

// Use it like any other async operation
const { data, loading, error, run } = useCompute('processData');

Features:

React hooks with loading/error states out of the box
Automatic worker pool (uses available CPU cores)
Optional WASM support for extra performance
TypeScript support
~3KB gzipped

What I'm looking for:

Honest feedback - is this useful or am I solving a problem nobody has?
Bug reports if you try it
Ideas for improvements
Contributors welcome if anyone's interested!

Links:

This is my first open source library so I'd really appreciate any feedback, even if it's "this already exists" or "you're doing X wrong". Thanks for reading! 🙏