World Congress 2021 • Jun 30, 2021

Mobile at a Crossroads: The Declarative UI App Revolution

Peter Steinberger

Why are traditionally siloed iOS and Android teams suddenly reviewing each other's code? Discover how the declarative UI revolution of SwiftUI and Jetpack Compose is transforming native development.

Pause
Mute Enter Fullscreen
#1 about 3 min

The shift from imperative to declarative mobile frameworks

Modern mobile development is transitioning to frameworks that dramatically increase developer productivity.

#2 about 3 min

Core concepts and perspective shifts in declarative programming

Rebuilding the interface from scratch upon state changes removes entire categories of bugs.

#3 about 4 min

Evolution of cross-platform development with React Native and Flutter

Early frameworks brought web development concepts to mobile but struggled with platform integrations and adoption.

#4 about 3 min

Introduction of first-party declarative solutions by Apple and Google

Platform vendors created native solutions to overcome the limitations of third-party cross-platform frameworks.

#5 about 4 min

Advantages of unbundling in Jetpack Compose for Android

Shipping the user interface framework independently from the operating system enables faster bug fixes.

#6 about 6 min

Navigating the ecosystem and integration of Apple SwiftUI

Deep integration within the operating system offers performance benefits but ties bug fixes to user updates.

#7 about 3 min

Handling operating system version challenges in SwiftUI views

Supporting older operating systems requires complex workarounds for components that lack legacy compatibility.

#8 about 8 min

Building a live interactive preview using Jetpack Compose

Creating a simple counter application demonstrates how immutable state changes trigger interface updates.

#9 about 5 min

Implementing reactive state changes in a SwiftUI application

Using property wrappers allows developers to manage local view state and construct identical layouts.

#10 about 5 min

Sharing business logic across platforms with Kotlin Multiplatform Mobile

Similar syntax between native frameworks allows teams to share architecture and business logic efficiently.

#11 about 2 min

Readability and structural similarities across declarative UI frameworks

Developers from varied backgrounds can easily understand and review code due to shared structural concepts.

#12 about 3 min

Managing adaptive layouts and overcoming the initial learning curve

Developers transitioning from legacy paradigms can master adaptive components with a few days of practice.

#13 about 2 min

Ecosystem maturity and third-party package managers for modern frameworks

Swift Package Manager provides an expanding repository of solutions comparable to established web package ecosystems.

Matching moments

1:45 min

Comparing declarative cross-platform architectures like Flutter and React Native

Sylvia Dieckmann · LIVE

46 sec

Context for migrating an Android app to declarative UI

Crístian Viana · World Congress 2023

2:25 min

Origins and architectural capabilities of the React Native framework

Edoardo Dusi · LIVE

6:21 min

Defining native applications and the history of React

Dmitry Vinnik · LIVE

1:09 min

Defining the core concepts of Flutter and React

Marcus Wojtusik +1 · World Congress 2022

1:28 min

Improving developer productivity with cross-platform mobile application frameworks

Anna Leushchenko Anna Leushchenko · LIVE