wasm-pack
comlink
Our great sponsors
wasm-pack | comlink | |
---|---|---|
38 | 22 | |
5,911 | 10,792 | |
1.8% | 1.2% | |
7.0 | 0.0 | |
9 days ago | 9 days ago | |
Rust | TypeScript | |
Apache License 2.0 | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
wasm-pack
-
Rust + WASM + Typescript [+ React]
For a much simpler but less flexible approach there's wasm-pack for creating JS packages from Rust, and wasm-bindgen for easy interop. Both have very good documentation.
-
Tower of Hanoi in P5.js + WASM
After four years, I found some time to pay that deb-tech (yes, quite a long time, eh). To make it fun I rewrote everything from scratch in SolidJS, which went smooth thanks to this amazing library p5js-wrapper. For WASM, C++ is still a good choice, but what about Rust? I did some research and found wasm-pack. A few lines in the cargo.toml file and we were ready to generate compiled + ready to import bytecode!
-
How to Use Rust Code in a JavaScript Worklet (Without wasm-pack)
Support using wasm-pack in Worklets (particularly AudioWorklet) #689
-
Hey Rustaceans! Got a question? Ask here (3/2023)!
If you're looking to use it to interface with node/browsers, then try wasm-pack.
-
Rust WebAssembly (wasm) on Arch Linux with Webpack (Rust 1.66.0)
Webassembly: wasm-bindgen 0.2.83 / wasm-pack 0.10.3
-
Examples of Rust + SvelteKit + WASM
wasm-pack has bugs - it publishes a module which declares itself as a commonjs module. (You can fix that by manually adding "type": "module" in package.json). Then the web build should work with other bundlers. I opened an issue about this over a year ago. There's a PR and everything, but no movement :/
-
Building a web application with Rust and WebAssembly
wasm-pack helps you build Rust-generated WebAssembly packages and use it in the browser or with Node.js.
-
A Look at Performance in Wasmtime and Cranelift
Is the Rust WASM ecosystem being half dead better? wasm-pack and wasm-bindgen are barely maintained anymore, and trust me it's not because everything works flawlessly…
-
Ask HN: Should I learn Rust or Go?
I've been learning Rust for the past few weeks and have been enjoying it a lot.
- The community is very helpful on Discord (https://discord.com/invite/rust-lang-community).
- The package ecosystem (crates.io) makes it very easy to find and import things, and they're consistently documented.
- There's a path to compiling on web via WebAssembly (https://rustwasm.github.io/wasm-pack/)
In a few weeks of learning the language, I managed to put together this visualization: https://twitter.com/admiralakk/status/1542560489091350529
But realistically, either Go or Rust will be fine. You should pick the one you're more likely to stick with and learn, even when it gets tough. I've found the community aspect to be very helpful, because then at least I know I'm not the only idiot out there.
-
Integrating a Svelte app with Rust using WebAssembly
There are various ways to set up a web project that uses Svelte, Wasm, and Rust. For example, wasm-pack from the rust-wasm group provides a template for simple HTML-CSS-JS applications. There are also several project templates for React or Svelte with Rust and Wasm.
comlink
-
RemoteUI
Feels like taking a general Comlink-like system & making it more component oriented. Good ideas. https://github.com/GoogleChromeLabs/comlink
-
Your favorites?
React UI Framework: https://ant.design/ Reactive: https://www.learnrxjs.io/ Workers: https://github.com/GoogleChromeLabs/comlink Graphics: https://www.pixijs.com/
-
Concurrent.js, a multithreaded module loader - Run in a worker, use in the main thread
Reminds me of Comlink
-
Creating PDF Files Without Slowing Down Your App
Now that we have a way to create PDF files, we can create a web worker to run the renderPDF function in a separate thread. Here’s an example of a web worker that uses comlink to expose the renderPDF function as an asynchronous function:
-
How to use Service Workers with React and Vite
To streamline the process of configuring the Service Worker and simplify communication between the app and the Service Worker, we will be using the comlink library.
- Svelte + Web Workers (Looking for insight)
-
Deno 1.25
While there's no realistic way to provide a security boundary between JavaScript modules, Workers are a possibility [1].
The code with the more restricted set of permissions must run in the Worker. That code then communicates with the rest of your app through postMessage / SharedArrayBuffer, perhaps using ComLink [2].
[1] https://deno.land/[email protected]/runtime/workers#specifying-...
- [AskJS] What are some real world applications of JS Proxy objects?
-
Optimizing Your Web App for Maximum Runtime Performance and Premature Optimization 🦄
The worker API is very simple, you would post a message to the worker. The worker would have the code to process and reply back with the results to the listeners. To make it even easier Google has created the comlink library.
- Web Crypto API
What are some alternatives?
trunk - Build, bundle & ship your Rust WASM application to the web.
partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
wasm-bindgen - Facilitating high-level interactions between Wasm modules and JavaScript
vite - Next generation frontend tooling. It's fast!
vite-plugin-rsw - 🦞 wasm-pack plugin for Vite
workbox - 📦 Workbox: JavaScript libraries for Progressive Web Apps
wasmtime - A fast and secure runtime for WebAssembly
threads.js - 🧵 Make web workers & worker threads as simple as a function call.
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
Next.js - The React Framework
cargo-generate - cargo, make me a project
react-easy-state - Simple React state management. Made with ❤️ and ES6 Proxies.