Tauri Events: Real-Time Bidirectional Communication | Rust + React Tutorial (Lesson 34)
107views
3likes
06:00
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Learn how to use Tauri events for real-time communication between your Rust backend and React frontend! 📡
In this lesson, you'll master:
✅ Events vs Commands - when to use each pattern
✅ Emitting events from Rust with app.emit()
✅ Listening for events in React with custom hooks
✅ Building a real-time progress bar with shadcn/ui
✅ Toast notifications for completion events
🛠️ Technologies used:
• Tauri 2.0
• Rust (AppHandle, Emitter trait)
• React + TypeScript
• shadcn/ui components (Progress, Button, Toast)
⏱️ Timestamps:
0:00 - Introduction
0:25 - Events vs Commands Comparison
1:45 - Emitting Events from Rust
3:30 - Listening in React with Hooks
5:15 - Live Demo: Progress Updates
5:45 - Conclusion
📚 Code Examples:
• Rust: app.emit("event-name", payload)
• React: listen("event-name", callback) with TypeScript generics
• Cleanup: unlisten() in useEffect return
🔗 GitHub: https://github.com/somaria/yt_gen_ai
#Tauri #Rust #React #TypeScript #DesktopApp #Tutorial #shadcn
Back to tutorialsOpen in YouTube
Duration
6:00
Published
December 25, 2025
Added to Codegiz
March 15, 2026