Make cross platform desktop app using React, Vite and Tauri 2023

In this blog, we will make a production-ready app using React, Vite and Tauri. Tauri is a new Cross Platform Desktop Framework to make lightweight and performant apps.

Introduction

Tauri is a new desktop app framework or toolkit. It has recently gained popularity. Tauri uses Webview 2 which is lighter compared to Electron Chrome Engine. Recently Microsoft released a blog and revealed that they are going to use WebView2 as a host inside Microsoft Teams App.

Is Tauri going to kill Electron Framework? No, Tauri is evolving at a good speed, maybe in the coming year it will compete head-to-head with Electron. It also depends on the adoption rate.

Reading Guide

The complete article is available here.

• The Complete Guide to Make a cross-platform desktop App using React, Vite and Tauri 2023 (coming soon)

If you want to read it in parts, it is also available. I will try to make each part independent.

• Introduction to Tauri

• Setup React, Vite, and Tauri on Windows

• Build a Dashboard app with React, Vite and Tauri (coming soon)

  • Write your first line of code in React and Tauri

  • Window Submenu, AppShell, UI Library

  • Building Dashboard

• Write Tests for App in Tauri and React (coming soon)

  • Write a Unit Test in Tauri and React

  • Write an Integration Testing in Tauri and React

  • Write an E2E Testing in Tauri and React

• Building your App Locally (coming soon)

• Code Signing (coming soon)

• Setup Production CI CD Pipeline for React and Tauri (coming soon)

• Setup Staging CI CD Pipeline for React and Tauri (coming soon)

• Installing app (exe/msi) and walkthrough (coming soon)

• Debugging App (coming soon)

• PWA with Tauri and React (coming soon)

• Offline App with Tauri and React (coming soon)

The final Github Repo is here (work in progress).