World Congress 2026 Europe • Jul 9, 2026 • Session details

JSX to Live Activity: The Story of Voltra

Build iOS Live Activities and Android widgets without touching Swift or Kotlin. Discover how Voltra overcomes Apple's 4KB limit to deliver server-driven UI updates entirely in JSX.

Pause

Mute

Enter Fullscreen

#1 about 3 min

Introduction to Voltra and native Live Activities

The origin story of Voltra reveals how to bridge React with iOS extensions natively.

#2 about 4 min

Writing Live Activities using Voltra JSX

Familiar React principles and JSX components render widgets via server data with native hot reloading.

#3 about 2 min

Translating React trees to native UI frameworks

Voltra processes the React element tree hierarchy to reconstruct interfaces using platform primitives directly.

#4 about 2 min

Building a custom React renderer with Reconciler

The React Reconciler package configures hook support and concurrent mode functionality inherently.

#5 about 2 min

Mapping primitive elements to SwiftUI equivalents

Primitive JSON representations reconstruct corresponding SwiftUI components and properties during native evaluation.

#6 about 2 min

Bridging React Native styles with SwiftUI modifiers

React Native style objects require transformation into compatible SwiftUI string modifiers and simulated margins.

#7 about 2 min

Overcoming the payload limit for Live Activities

Multiple dynamic island structural variants must fit strictly within Apple's tiny data bandwidth limit.

#8 about 4 min

Compressing and deduplicating React payloads for native

Brotli compression, prop dictionaries, and object reference deduplication maximize extremely constrained payload limits.

#9 about 4 min

Implementing server-side rendering to push UI updates

A scratch-built traversal renderer avoids unhandled hook errors and resolves one-pass static snapshots.

#10 about 4 min

Rebuilding React hooks via secret internal dispatchers

Undocumented internal React dispatchers allow mocked hook executions specifically for static server environments.

#11 about 3 min

Advanced features and cross-platform architecture in Voltra

Platform parity involves preloading images, mapping layout engines, and executing dynamic chart generation.

#12 about 8 min

Push notification limits and experimental rendering architectures

Apple push service restrictions shape architectural limits while experimental Javascript VMs explore widget decoupling.

Matching moments

6:21 min

Defining native applications and the history of React

Dmitry Vinnik · LIVE

2:49 min

Architecture and performance optimizations in React Native

Marc Rousavy

Marc Rousavy · World Congress 2025

2:25 min

Origins and architectural capabilities of the React Native framework

Edoardo Dusi · LIVE

4:30 min

Tracking open source community trends in JavaScript native frameworks

Dan Cranney +2 · LIVE

3:25 min

Accessing native primitives for advanced layouts and APIs

Xuan Huang

Xuan Huang · World Congress 2025

5:38 min

Core differences between React Native and Flutter

Simon Auer

Simon Auer · World Congress 2022

More from World Congress 2026 Europe

Building the Nervous System of AI - Michael Kagan (NVIDIA) thumbnail

Building the Nervous System of AI - Michael Kagan (NVIDIA)

Michael Kagan, Sead Ahmetović

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote thumbnail

Five Things in Tech that Matter Now - WeAreDevelopers World Congress 2026 Closing Keynote

Christian Heilmann

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend thumbnail

The Sound of Your Secrets: Teaching Your Model to Spy, So You Can Learn to Defend

David vonThenen

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes thumbnail

Super scaling for the Super Bowl: How to survive 30 million users hitting your backend in 30 minutes

Irina Branovic

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬 thumbnail

Running Secure Life Science Research at Scale using Hybrid GPU HPC and Kubernetes 🧬

Jeremy Murray

Angstfreude - AI and Corporate Culture - The Thrill and the Threat thumbnail

Angstfreude - AI and Corporate Culture - The Thrill and the Threat

Axel Ebert, Karin Krobath

Upcoming sessions on this topic

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo

World Congress 2026 North America

September 24, 2026 · 17:30–18:00

Stage 7

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić

World Congress 2026 North America

September 25, 2026 · 11:40–12:10

Outdoor Stage

GitHub’s Team X-Ray: Your Repository Knows More About Your Team Than Your Team Does

Andrea Griffiths

Senior Developer Advocate

Andrea Griffiths

World Congress 2026 North America

September 25, 2026 · 14:10–14:40

Stage 7

Why Your iOS App Feels Broken After an Hour: Diagnosing Long-Session Performance on Real Devices

Vasuki Uday Kiran Vudathala

Staff Performance Engineer at ServiceNow

Vasuki Uday Kiran Vudathala

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 9

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki

Paweł Matynia

Related videos

Challenges of building React and React Native apps thumbnail

World Congress 2022 • over 4 years ago

Challenges of building React and React Native apps

Milica Aleksic, Stefan Nikolic

Hands-on React Native: From Zero to Hero thumbnail

LIVE • almost 5 years ago

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

Building Better Apps with React Native thumbnail

World Congress 2025 • about 1 year ago

Building Better Apps with React Native

Marc Rousavy

SwiftUI In Production thumbnail

LIVE • over 5 years ago

SwiftUI In Production

Peter Steinberger

React and the power of visualisation thumbnail

LIVE • almost 6 years ago

React and the power of visualisation

Daisy Muyldermans

There's an app for that - on the role of cross platform development in the app development ecosystem thumbnail

LIVE • almost 5 years ago

There's an app for that - on the role of cross platform development in the app development ecosystem

Aleksandra Desmurs-Linczewska

Related articles

DC

Daniel Cranney

Create Videos Programmatically with React and Remotion

In a recent article, we looked at how easy it is to clone your voice using Elevenlabs and Node.js , so this time we thought we’d take a look at how to create videos programmatically, too. In a futu...

3 months ago

A video on a screen, being ceated programatically

CH

Chris Heilmann

Dev Digest 103 - Superb Owl Trafficking

Last Friday’s Dev Digest was again chock-full of resources, so here is a reminder what we covered with some more in-depth insights. News and ArticlesUnless you lived under a rock – and fair play...

over 2 years ago

Dev Digest 103 - Superb Owl Trafficking

BB

Benedikt Bischof

Native Web Apps: Are We There Yet?

Welcome to this issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Maxim Salnikov who spoke about the development of native web apps. What you will learn:Some...

over 4 years ago

Native Web Apps: Are We There Yet?

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

11 months ago

HTML elements mocked up with their code

From learning to earning

Jobs that call for the skills explored in this talk.

Ios Engineer, Swift (Onboarding & Verification)

Remote Uikit Swiftui Backend

Senior React Native Developer

Berlin, Germany

Expert €80k–130k Apple IOS TypeScript E2e Testing

about 1 month ago • Verified

Staff Systems Engineer

Expert Remote Rust Terraform Kubernetes

about 2 months ago

Senior Software Engineer, React (Investing & Trading)

Remote Next.js ReactJS Caching

about 1 month ago

Senior Ios Engineer - €50.000 A Year

€50k Remote Backend Apple IOS Dynatrace

about 2 months ago

React Engineer For Next.Js Ui - Hybrid, Impactful Fintech

Next.js ReactJS Backend