https://github.com/fvilches17/wasm-math-helper
A math app demonstrating how Rust and WebAssembly can be integrated in web projects
https://github.com/fvilches17/wasm-math-helper
html5 javascript rust rust-lang scss webassembly webassembly-demo webpack
Last synced: about 2 months ago
JSON representation
A math app demonstrating how Rust and WebAssembly can be integrated in web projects
- Host: GitHub
- URL: https://github.com/fvilches17/wasm-math-helper
- Owner: fvilches17
- License: mit
- Created: 2019-04-25T03:58:21.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-05T05:28:57.000Z (about 7 years ago)
- Last Synced: 2025-10-22T09:35:02.404Z (8 months ago)
- Topics: html5, javascript, rust, rust-lang, scss, webassembly, webassembly-demo, webpack
- Language: JavaScript
- Homepage: https://franciscovstaticsites.z8.web.core.windows.net/
- Size: 880 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# wasm-math-helper
A math app demonstrating how Rust and WebAssembly can be integrated in web projects. The app compares performance between JS and Wasm by providing the same math functions but written in their respective language.
## Working Example
You can find a working example [HERE](https://franciscovstaticsites.z8.web.core.windows.net/)
## Pre-Requisites
1. Install NodeJs. https://nodejs.org/en/download/
2. Install the Rust toolchain (for compiling programs to WebAssembly). https://www.rust-lang.org/tools/install
3. Install Wasm-Pack. https://rustwasm.github.io/wasm-pack/installer/
## Getting Started
1. In the Workspace directory run the command npm install
2. In the Workspace directory run the command npm start or npm run start-in-prod-mode*.
*Npm Start compiles the Rust code in debug mode and starts webpack-dev-server, whereas npm run start-in-prod-mode does the same but compiles the Rust code in release code. The Wasm generated in release mode is more performant of course.
## Features
* When running webpack-dev-server all Rust (.rs) files are watched. That means you can make changes to your rust code and see them immediately on the browswer!
* Rust can talk to the browser window / DOM! Inside the project, refer to the src/rust/greetinglb folder where you will find an example of Rust being integrated with the window and DOM.
## Further Reading
For more information on building web applications with Rust and WebAssembly, refer to the following sources:
* https://rustwasm.github.io/docs/book/
* https://developer.mozilla.org/en-US/docs/WebAssembly/Rust_to_wasm
## Contributions
Please feel free to contribute to this repository. It would be great to get more math examples in so JS and Wasm+Rust can be compared more accurately.
## Authors
Francisco Vilches - https://github.com/fvilches17