The Fourth Platform: How Vega Got Us Surprisingly Close to “Write Once, Run Everywhere”

This ad is not shown to multipass and full ticket holders
React Advanced
React Advanced 2026
October 23 - 26, 2026
London, UK & Online
Upcoming event
React Advanced 2026
React Advanced 2026
October 23 - 26, 2026. London, UK & Online
Bookmark
Rate this content
Sentry
Promoted
Code breaks, fix it faster

Crashes, slowdowns, regressions in prod. Seer by Sentry unifies traces, replays, errors, profiles to find root causes fast.

Get started

“Write once, run everywhere” is a promising goal in software development, but one that often breaks down under real-world compatibility problems. At Zattoo, building streaming applications across Android, Apple, and Web meant years of separate native stacks that were not aligned, and therefore did not scale. This talk explains how moving to a multiplatform architecture, enabled by Vega as a fourth, React Native first platform, brought us very close to achieving that goal.

This talk has been presented at React Summit 2026, check out the latest edition of this React Conference.

Bogdan Plieshka
Bogdan Plieshka
31 min
16 Jun, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
The case study from Zotoo highlights a new fourth platform reshaping the way applications are developed. Meeting user needs across devices presents challenges and opportunities in app development. Scaling challenges and technological evolution involve adopting new technologies like PWA and TWA. Innovative technology approaches with React Native and transitioning to a universal system framework are key focus areas. The organization is evolving its structure towards a stream value organization, optimizing domain focus, and expanding reach with future plans for smart TVs and mobile devices.

1. Zotoo's Fourth Platform Transformation

Short description:

The case study from Zotoo highlights a new fourth platform reshaping the way applications are developed. Transitioning to a single code base for multiple screens has revolutionized development processes and emphasized a holistic approach encompassing product and organizational perspectives. Bo, a principal engineer at Zotoo, shares insights into the company's focus on streaming services and user convenience, adapting to various devices and scenarios.

The fourth platform, however, got a surprising close to WriteOnce, RunEverywhere, and Promise. This is a case study from Zotoo, where you're going to learn how this fourth platform reshapes it the way we shape the other three. Because of over a decade, we onboarded applications to the different platforms, to the web, Android, Apple, and each with its own code base, its own team, own release schedule, which were very fragmented and different and hard to think.

A few years ago, Amazon showed us Vega, a new operating system where React Native is a primary UI framework. And we took it as an opportunity to build over it something that is truly multi-platform. And now, this totally changed the way how we shape other three. Today, we have one code base on every screen, shaped at every sprint. And this story is impossible to tell only from the technology perspective. So, you will see also product and organization point of view.

Hi, I'm Bo. And I'm a principal engineer at Zotoo. I'm also co-organizing the React Berlin meetup. And I'm proud of daughter and son. And I'm enjoying hiking with my wife wherever she brings us. And I wanted to say I own the dog, but it's kind of vice versa. So, yeah, you can also notice some anime style of this presentation. I took it as one of the most fast-growing content we distribute. So, who is Zotoo? And what we are doing? Our product is streaming. We are a streaming company. And we are trying to make it easy for our customers and users, whatever device or technology they bring. And this literally means meeting people in their moments they live. And I will give you an example from my life or my family life. Where we gather on the Christmas Eve to watch our favorite Christmas movie on the big screen.

2. Meeting User Needs Across Devices

Short description:

The challenges of meeting user needs on various devices, from mobile to big screens, pose unique opportunities in developing applications. Offering tailored experiences for different devices like mobile phones and smart screens, along with a diverse range of platforms including Apple, Android, and web, requires specialized expertise. Providing applications for specific platforms like TVOS for Apple and Android TV for Android showcases the complexity and diversity of device compatibility. The company's reputation extends beyond the DACH region, serving as a global white-label solution for a wide range of clients.

Or when I'm on the go, watching the favorite football match and cheering and supporting my team on the mobile. Or if you're on the long trip and kids are super bored and would like to watch their favorite show on multimedia screens. And basically in any situation from any device. For example, when I'm sipping morning coffee and could see news on a fridge. Literally one day we put our application into the fridge and it worked. And this comes, of course, with challenges.

To meet people in their devices, their life. Because it could be anything, right? It could stream a video. And in our case, we kind of separate it into two experiences. One is mobile, when you have something in your hand. And other is big screen. And this is more niche. Also more broader portfolio of devices. Where we have unique expertise. Will it be smart screen? Or, I don't know, a gaming station like Xbox. Or plug-in devices like Chromecast or Apple TV, Fire Stick. And of course web browsers.

And mostly all of these devices are working on the three platforms. Apple, Android, web. And we recognize some clients that we are distributing unique applications to. For instance, for Apple it could be TVOS. And iOS for Android is Android TV, Android mobile, Fire OS, set-up boxes, some Android tablets. Very diverse comparing to Apple. And web, you know, is just crazy. Whatever can have a browser inside, it can stream a video. And it could be, I don't know, Chrome Safari, Firefox. But it could also be a smart TV with web-based operating systems. Or Fridge that I mentioned on Chromium browser. And we are known not only as the tool in the DACH region, but as a white-label solution for customers all around the globe.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Building Cross-Platform Component Libraries for Web and Native with React
React Advanced 2021React Advanced 2021
21 min
Building Cross-Platform Component Libraries for Web and Native with React
Top Content
This Talk discusses building cross-platform component libraries for React and React Native, based on a successful project with a large government-owned news organization. It covers the requirements for React Native knowledge, building cross-platform components, platform-specific components, styling, and the tools used. The Talk also highlights the challenges of implementing responsive design in React Native.
How to Share Code between React Web App and React Native Mobile App in Monorepo
React Summit 2022React Summit 2022
7 min
How to Share Code between React Web App and React Native Mobile App in Monorepo
This presentation focuses on sharing code between React web and React native mobile apps. The speaker demonstrates how to achieve feature parity using a Monorepo with NX. They highlight the importance of sharing non-UI code, such as business logic and state management, through shared libraries. This approach allows the apps to focus on UI code while keeping non-UI code separate. For more details, refer to the speaker's blog post.
Replacing Shell Scripts with Cross-Platform TypeScript
TypeScript Congress 2023TypeScript Congress 2023
8 min
Replacing Shell Scripts with Cross-Platform TypeScript
The speaker discusses the benefits of replacing shell scripts with TypeScript, highlighting the limitations of shell scripts and the advantages of TypeScript such as cross-platform compatibility and better tooling. Deno is presented as the ideal platform for single file scripting, with its built-in support for TypeScript, automatic dependency installation, and sandboxing. The dax library is mentioned as a useful tool for scripting, providing a cross-platform shell and other APIs. Overall, the Talk emphasizes the power and flexibility of using TypeScript and Deno for scripting purposes.
Journey Into the Unknown: My Adventure Unravelling the Mysteries of the Netflix TVUI Universe
React Summit US 2023React Summit US 2023
30 min
Journey Into the Unknown: My Adventure Unravelling the Mysteries of the Netflix TVUI Universe
This Talk explores the journey of a software developer in unraveling the mysteries of Netflix TV UI. It emphasizes the importance of continuous learning in TV UI development and discusses the use of React and the TV signup process. The Talk also highlights the significance of widgets, navigation, and the TVUI Explorer app in building TV UI. It delves into the TVUI dev process, testing layers, and the value of continuous learning and fresh perspectives in the tech industry. The Talk concludes with insights on job opportunities, resources for TV development, and the Netflix hiring process.
Go From Zero To Hero: Be Cross-Platform Devs With React Native
React Summit 2023React Summit 2023
10 min
Go From Zero To Hero: Be Cross-Platform Devs With React Native
Cross-platform development allows you to build apps compatible with multiple devices or operating systems, reusing 50 to 80 percent of your code. React Native has a wide range of third-party libraries for using APIs. Code examples cover React Native standalone case and with content management system, exploring built-in core components and third-party library APIs. Content management systems simplify content editing and asset swapping, allowing real-time editing and easy asset uploads. The importance of knowing built-in APIs for mastering cross-platform technologies and building scalable, easy-to-maintain applications is highlighted.
React Native Everywhere
React Summit 2022React Summit 2022
22 min
React Native Everywhere
React Native Everywhere enables code sharing and platform individuality, responsive composition and navigation are key focus areas, the React Bangalore community has played a role in the development of React Native design systems, React Native URL Router provides a native feel with drag-from-edge navigation, collaboration with Software Mansion has been beneficial, and token-based centralization is important for consistent adaptation of design systems.

Workshops on related topic

Bringing Your Web App to Native With Capacitor
JSNation 2023JSNation 2023
111 min
Bringing Your Web App to Native With Capacitor
WorkshopFree
Mike Hartington
Mike Hartington
So, you have a killer web app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
Contents: This workshop is aimed at beginner developers that have an existing web application, or are interested in mobile development. We will go over:- What is Capacitor- How does it compare to other cross-platform solutions- Using Capacitor to build a native application using your existing web code- Tidying up our application for distribution on mobile app stores with naming conventions, icons, splash screens and more
Bringing your React Web App to native with Capacitor
React Summit 2022React Summit 2022
92 min
Bringing your React Web App to native with Capacitor
Workshop
Mike Hartington
Mike Hartington
So, you have a killer React app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
This workshop is aimed at intermediate developers that have an existing React application, or are interested in mobile development with React. We will go over:
What is CapacitorHow does it compare to other cross-platform solutionsUsing Capacitor to build a native application using your existing web codeTidying up our application for distribution on mobile app stores with naming conventions, icons, splashscreens and more.
Building for Web & Mobile with Expo
React Day Berlin 2022React Day Berlin 2022
155 min
Building for Web & Mobile with Expo
Workshop
Josh Justice
Josh Justice
We know that React is for the web and React Native is for Android and iOS. But have you heard of react-native-web—for writing an app for Android, iOS, and the web in one codebase? Just like React Native abstracts away the details of iOS and Android, React Native Web extracts away the details of the browser as well. This opens up the possibility of even more code sharing across platforms.
In this workshop you’ll walk through setting up the skeleton for a React Native Web app that works great and looks awesome. You can use the resulting codebase as a foundation to build whatever app you like on top of it, using the React paradigms and many JavaScript libraries you’re used to. You might be surprised how many types of app don’t really require a separate mobile and web codebase!
What's included1. Setting up drawer and stack navigators with React Navigation, including responsiveness2. Configuring React Navigation with URLs3. Setting up React Native Paper including styling the React Navigation drawer and headers4. Setting up a custom color theme that supports dark mode5. Configuring favicons/app icons and metadata6. What to do when you can’t or don’t want to provide the same functionality on web and mobile
Prerequisites- Familiarity with building applications with either React or React Native. You do not need to know both.- Machine setup: Node LTS, Yarn, be able to successfully create and run a new Expo app following the instructions on https://docs.expo.dev/get-started/create-a-new-app/