Observable-react
So you want to use wasm_bindgen to add rust to you existing React app, or you're not quite ready for the rust web frameworks?
There are lots of examples out there demonstrating WASM for computationally intensive workloads, but how do you hook into React component rendering?
This crate wraps observable-rs, providing wasm_bindgen compatibility with React bindings
Example Usage
import React from "react";
import from "observable-rs";
export default App;
Example setup:
First, follow the setup instructions here to create a react app with a bundled rust crate:
https://dev.to/lokesh007/webassembly-with-rust-and-react-using-create-react-app-67
NOTES:
- Suggest you use the typescript flag when creating your react app:
npx create-react-app your_react_app --template typescript
- Change .config-overrides.json
extraArgs: "--no-typescript"
toextraArgs: ""
- your wasm build output dir (specified in config-overrides.json) must be inside or symlinked within your react app src directory in order to be bundled
Then:
# This adds the useObserve() helper function to your react app
# Your rust crate for application logic, to be compiled to WASM
# Add this crate
For a working example, see example react app
NOTE: Because wasm_bindgen is not currently able to bundle javascript helper functions, you must install the following npm package in your react app observable-rs