WebAssembly + vite example

Este é um exemplo de arquitetura simples para projetos web com motores Rust.

⚙ Dependências

Cargo --> toml [1]

    [dependencies]
    wasm-bindgen = "0.2"

npm --> json [2]

    - 🎨 composições:

    "dependencies": {
        "autoprefixer": "^10.4.20",
        "postcss": "^8.4.47",
        "react": "^18.3.1",
        "react-dom": "^18.3.1",
        "sass": "^1.79.5",
        "tailwindcss": "^3.4.13"
    },
    "devDependencies": {
        "@eslint/js": "^9.11.1",
        "@types/react": "^18.3.10",
        "@types/react-dom": "^18.3.0",
        "@vitejs/plugin-react": "^4.3.2",
        "eslint": "^9.11.1",
        "eslint-plugin-react-hooks": "^5.1.0-rc.0",
        "eslint-plugin-react-refresh": "^0.4.12",
        "globals": "^15.9.0",
        "typescript": "^5.5.3",
        "typescript-eslint": "^8.7.0",
        "vite": "^5.4.8"
    }

💚 Mapa dos códigos vitais:

                            ./
                             |
[2] package.json <-- src <-- |
                             | --> wasm --> Cargo.toml [1]

📦 Build

Para realizar build do webassembly:

    wasm-pack build --target web

ou execute um dos seguintes arquivos dentro de ./wasm:

    /wasm/wasm-build.ps1
    /wasm/wasm-build.sh

Docs for WebAssembly:

• Rust Wasm

• Rust 🦀 and WebAssembly 🕸