Building Google-Docs-like live collaboration for a cross-platform app used by millions (in Rust)

Imagine yourself with 3 different clients (iOS, Android and web), each written in a different language, each already used by millions of users. Now imagine that you wanted those clients to communicate together. Not simply client <> server, but that if a user edits an image on iOS, that image would display in the exact same way on Android. Instantly. Reliably. Same for text. Oh and AI effects too.

That’s the situation we faced about 2 years ago at Photoroom. We provide editing tools for e-commerce images and we wanted guarantee our users that their content was always in sync, even when their teammates where working on it at the same time.

The good news is that we were already sharing our rendering code between platforms (read about it in our 2021 article). The bad news is that it was written in C. Not the best language to decode payloads back and forth over the network.

We ended up picking Rust and built a cross-platform live-collaboration engine. It’s been live (no pun intended) on all 3 platforms for a little while now. Here’s a quick demo:

Why Rust? Why not React Native?

Besides attempting to make it to the home page of Hacker News, we picked Rust because… it would be easier to hire than for C++. We know how attractive the language can be to experienced developers. We also considered Golang, but its runtime makes it more complicated to run on the web.

This may seem like a lot of pointless work to run on 3 platforms when solutions like React Native exist. We strongly believe in providing the very best image editing experience to our users, and we don’t think it’s possible to do so with React Native (but this stance might change in the future).

How it works

In a nutshell, the Rust code is compiled on iOS, Android and the web. The rendering of the UI is done natively (SwiftUI, Compose, React), same for the network calls (URLSession, OkHttp, fetch), same fore rendering (Metal, OpenGL, WebGL/WebGPU through wgpu). But all the logic is inside the Rust code.

Wait, that’s a bit lightweight for an explanation, isn’t it? We’re quite proud of the work we did, that’s why we detailed the nitty-gritty in a 5-parts blog post series.

If this sort of work sounds exciting to you, we’re hiring a head of cross-platform to provide a seamless experience to millions of users. Learn more here.

Eliot AndresCo-founder @ Photoroom
Building Google-Docs-like live collaboration for a cross-platform app used by millions (in Rust)
Bir sonraki mükemmel görselinizi tasarlayın

Bir sonraki mükemmel görselinizi tasarlayın

İster satış yapın, ister tanıtım yapın, ister gönderide bulunun; fikrinizi, öne çıkan bir tasarımla hayata geçirin.

Keep reading

Building live collaboration in Rust for millions of users, part 5
Florian Denis
What's new in product: September 2023
Jeanette Sha
Why sequential testing is the right way to experiment at the speed of PLG apps like Photoroom
Charlotte de Thiersant
Photoroom 2024 product recap
Jeanette Sha
Building live collaboration in Rust for millions of users, part 1
Florian Denis
Never underestimate the power of exposure events — in the context of sequential testing
Charlotte de Thiersant
Improving the Loading Experience in SwiftUI
Vincent Pradeilles
What's new in product: July 2024
Jeanette Sha
10 tools used to ship an iOS app in 2 weeks
Matthieu Rouif
Building live collaboration in Rust for millions of users, part 4
Florian Denis

Daha iyi ürün görsellerini daha hızlı oluşturmaya hazır mısın?

Entegrasyonu etkinleştirmek ve YZ Arka Planlar'ı doğrudan Pixelz'de denemek için bir Photoroom hesabı oluştur, 10 ücretsiz görsel kredisi kazan.