Tauri V2

Tauri V2 Desktop App Development

Build cross-platform desktop apps using TypeScript/React frontend with Rust backend.

Quick Start

# Create new project
pnpm create tauri-app
# Select: TypeScript/JavaScript -> pnpm -> React -> TypeScript

# Development
pnpm tauri dev

# Build for production
pnpm tauri build

# Add plugins
pnpm tauri add store
pnpm tauri add dialog
pnpm tauri add fs

Project Structure

├── src/                    # React frontend
├── src-tauri/
│   ├── tauri.conf.json    # Tauri config
│   ├── capabilities/
│   │   └── default.json   # Security permissions
│   └── src/
│       ├── lib.rs         # Main Rust code (edit this)
│       └── main.rs        # Entry point (don't edit)

Core Pattern: Commands

Rust (src-tauri/src/lib.rs):

#[tauri::command]
fn greet(name: String) -> String {
    format!("Hello, {}!", name)
}

#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![greet])
        .run(tauri::generate_context!())
        .expect("error running tauri application");
}

Frontend (React):

import { invoke } from '@tauri-apps/api/core';

const result = await invoke<string>('greet', { name: 'World' });

Core Pattern: Events

Rust -> Frontend:

use tauri::{AppHandle, Emitter};

#[tauri::command]
fn start_task(app: AppHandle) {
    app.emit("task-progress", 50).unwrap();
}

Frontend listener:

import { listen } from '@tauri-apps/api/event';

const unlisten = await listen<number>('task-progress', (event) => {
  console.log('Progress:', event.payload);
});

Configuration (tauri.conf.json)

{
  "productName": "My App",
  "identifier": "com.example.app",
  "build": {
    "beforeDevCommand": "pnpm dev",
    "beforeBuildCommand": "pnpm build",
    "devUrl": "http://localhost:5173",
    "frontendDist": "../dist"
  },
  "app": {
    "windows": [{ "title": "My App", "width": 800, "height": 600 }]
  }
}

Permissions (src-tauri/capabilities/default.json)

{
  "identifier": "default",
  "windows": ["main"],
  "permissions": [
    "core:default",
    "store:default",
    "dialog:default",
    "fs:default"
  ]
}

For detailed reference, see:

• COMMANDS.md - Rust command patterns, async, error handling, state
• PLUGINS.md - Store, Dialog, FS, and other common plugins
• WINDOWS.md - Window customization, custom titlebar, multi-window

Documentation Source

Tauri V2 docs available at: ~/Desktop/tmp/tauri-docs/src/content/docs/

• start/ - Project setup
• develop/ - Commands, events, configuration
• concept/ - Architecture, IPC, process model
• plugin/ - Plugin reference
• learn/Security/ - Permissions and capabilities

Converted and distributed by TomeVault — claim your Tome and manage your conversions.