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

AI Images: a visual toolkit for businesses
Jeanette Sha
Photoroom’s approach to responsible AI
Lyline Lim
Picking a state management library for a React app used by millions (and why we went with MobX)
Eliot Andres
Improving the Loading Experience in SwiftUI
Vincent Pradeilles
Explore new Gen AI features coming soon to the Photoroom API
Udo Kaja
How we divided our server latency by 3 by switching from T4 GPUs to A10g
Matthieu Toulemont
From around the world to Photoroom: How we attract and nurture global talent
Matthieu Rouif
What's new in product: September 2024
Jeanette Sha
What 9,000 community votes taught us about our background remover
Thomas Bordier
How Photoroom runs daily standups for 40 engineers and what’s a good standup message
Eliot Andres