Easily Build 3D Desktop React Apps Using Tauri, Rust, TheatreJS and React Three Fiber
Dive into building 3D desktop applications using Tauri, a Rust-based framework that enables running web applications on Mac, Windows, and Linux. Learn to create a new 3D web application using React Three Fiber (R3F) and Three.JS, while integrating Theatre.JS for scene editing and animation. Explore Tauri's capabilities for desktop interaction, including message dialogs and file system operations. Follow along as the tutorial covers installing Tauri, scaffolding a React app, exploring the app structure, compiling and running the application, calling Rust functions from React, creating a React Three Fiber app, implementing hot loading, and working with Theatre.JS. Gain hands-on experience with avatars, GLB files, animation timelines, and saving/loading editor settings as JSON. Conclude by learning how to load the Tauri app as a web application using Vite, Theatre.JS, and React.