WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2026 Europe • Jul 9, 2026 • Session details

JSX to Live Activity: The Story of Voltra

Szymon Chmal

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 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
29:17
3 months ago

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
19:41
3 months ago

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
32:06
3 months ago

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
35:13
3 months ago

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
24:23
3 months ago

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
30:26
3 months ago

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

Axel Ebert, Karin Krobath

Related videos

Challenges of building React and React Native apps thumbnail
24:10
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
39:42
LIVE • almost 5 years ago

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

Building Better Apps with React Native thumbnail
23:09
World Congress 2025 • about 1 year ago

Building Better Apps with React Native

Marc Rousavy

SwiftUI In Production thumbnail
39:49
LIVE • over 5 years ago

SwiftUI In Production

Peter Steinberger

React and the power of visualisation thumbnail
40:19
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
35:09
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

From learning to earning

Jobs that call for the skills explored in this talk.