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

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

Learn how to make performant app with React, Vite and Tauri

ยท

2 min read

Table of contents

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).

ย