wasm-pack
capacitor
Our great sponsors
wasm-pack | capacitor | |
---|---|---|
38 | 152 | |
5,867 | 11,018 | |
2.5% | 2.9% | |
7.0 | 9.4 | |
12 days ago | 3 days ago | |
Rust | JavaScript | |
Apache License 2.0 | MIT License |
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.
capacitor
-
PWAs wont replace native iOS apps
> PWA optionally bundled with some native components for filing the gaps, as in Tauri.
Isn't that essentially Capacitor?
-
Svelte Native: The Svelte Mobile Development Experience
Have you experienced slow scrolling issues?
-
Building Apps with Tauri and Elixir
For the longest time, building desktop apps was a daunting task to web developers. That is, until technologies like Electron made creating these apps more approachable to a wider audience. Today, we’ve got a wide array of native applications built with solutions like Electron, Tauri, Capacitor, and many more. While these are great solutions, sometimes configuration can be tricky and the applications we create can become somewhat bloated in terms of memory usage.
-
Bare Metal Rust in Android
The traditional alternative to Electon on mobile platforms is Capacitor (which uses the system webview):
(fka Apache Cordova, fka PhoneGap)
-
Getting Started with PayloadCMS & Vue JS
Ionic Framework UI Components are used to build a website and then a mobile application is built using Ionic Capacitor. Ionic UI components are not required but are used for UX. The vue js code presented here will work fine in a separate application.
-
Building a Game with Phaser
Welcome to Part Two of this four-part series on building a mobile game using open source technologies. We'll be using Phaser, along with Ionic, Capacitor, and Vue.
-
Building a Mobile Game with Phaser and Ionic Vue: Part One
Turns out, it's easier than I expected! Thanks to Phaser, along with Ionic, Capacitor, and Vue, I was able to get a mobile game up and running on an iOS device working only a few hours here and there over two weeks.
-
Svelte is great for junior developers!
You want to export your Svelte project into mobile? don’t worry Capacitor has you covered. There is also Svelte Native but the project is more or less dead.
-
Expo – open-source platform for making universal apps for Android, iOS, and web
> “Make a progressive web app”: yes, that might be the way to go; provided you can get the users to ‘install’ it on their devices.
Assuming you're talking about the not-well-known process of adding PWAs to the Home screen, it's worth noting that you can package web apps for app store distribution as well. https://capacitorjs.com/
You might want to check out CapacitorJS - https://capacitorjs.com/
It’s more web than RN and depending on what you’re doing might not feel as native, but it’s pretty easy to make a solid app with it.
What are some alternatives?
tauri - Build smaller, faster, and more secure desktop applications with a web frontend.
trunk - Build, bundle & ship your Rust WASM application to the web.
NativeScript - ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: SwiftUI, Jetpack Compose, Flutter and you name it compatible.
react-native - A framework for building native applications using React
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
electron - Deploy your Capacitor apps to Linux, Mac, and Windows desktops, with the Electron platform! 🖥️
electron-sveltekit - Electron and SvelteKit integration
vite-plugin-rsw - 🦞 wasm-pack plugin for Vite
svelte-capacitor - Build hybrid mobile apps using Svelte and CapacitorJS with live reloading on Android and iOS!
cordova-plugin-background-mode - Keep app running in background
wasm-bindgen - Facilitating high-level interactions between Wasm modules and JavaScript